1599973 - Allow to set breakpoint on prettified inline scripts.

Status: RESOLVED DUPLICATE of bug 1010150

(DevTools :: Debugger, enhancement, P3)

Description

[Karl Dubost💡 :karlcow]

Attachment: Chrome-debugger-tools

1. Go to a web page with highly minified code. ex: https://maps.google.com/
2. Open the debugger
3. Try to set a breakpoint on inline scripts

Actual:
Can't set a breakpoint

Expected:
Have a prettified version of the inline script (Probably Bug 1591347)
and be able to set a breakpoint on a specific line of this prettified script.

Chrome makes it possible to prettify and set breakpoints at the appropriate place.
Safari does it too (automatically which is even better).

Rationale:
with all the single page applications with hightly minified code, it's currently impossible to debug web page properly as soon as the main code is inside html code.

Style editor is interesting here as it creates a tab for each inline styles, which makes it possible to adjust them individually. I can perfectly imagine the debugger instead of trying to prettifying everything, extract every individual inline scripts as separate entities (belonging to the html context they are from), prettify them, so we can set breakpoints.

Comment 1

[Jan Honza Odvarko [:Honza] (always need-info? me)]

Attachment: image.png

Thanks for the report Karl!

I can't follow the STRs exactly since I can't see the "Pretty print source" button at all (bug 1591347).
See the attached screenshot.

Honza

Comment 2

[Karl Dubost💡 :karlcow]

I can't see the "Pretty print source" button at all

Yes that's one of the issues.

1. We can't prettify HTML source,
2. we can't set breakpoints.

The screenshot above is the Chrome devtools.

Comment 3

[:Harald Kirschner :digitarald]

Re-opened the HTML prettify issue to track it. Re-open if I missed an aspect.