1036699 - Visually differentiate between sourcemapped or prettified source in our tools

Status: NEW

(DevTools :: General, enhancement, P3)

Description

[Jeff Griffiths (:canuckistani) (:⚡︎)]

There isn't really a way to tell if something in the style editor or debugger has been loaded via sourcemap, has been prettified, or is the original source.

Comment 1

[Panos Astithas (he/him) [:past] (please ni?)]

A prettified source in the debugger would have the 'Prettify source' button depressed, but I agree with your general point.

Comment 2

[Jeff Griffiths (:canuckistani) (:⚡︎)]

(In reply to Panos Astithas [:past] from comment #1)
> A prettified source in the debugger would have the 'Prettify source' button
> depressed, but I agree with your general point.

That's true in that specific case but for sourcemaps or prettified css code we don't do anything. If we're going to indicate this status ( 'this file is exactly as loaded from disk' vs 'this is a more readable version of the file' ) we should be consistent. It'd be especially helpful for sites where an 'all.js' links back to a number of source files.

Comment 3

[Alexandre Poirot [:ochameau]]

Bug 1853899 made it clear for JS sources in the debugger, by adding a menu and a label to distinguish original versus bundles.