Closed Bug 1155358 Opened 10 years ago Closed 1 year ago

DevTools: Style Editor should include a Prettify Code button

Categories

(DevTools :: Style Editor, enhancement, P3)

Product:
DevTools
Component:
Style Editor
Type:
enhancement

Tracking

(Not tracked)

Status:
RESOLVED DUPLICATE of bug 1832213

People

(Reporter: sys.sgx, Unassigned)

References

(Blocks 1 open bug)

Details

(Whiteboard: [btpp-backlog])

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:37.0) Gecko/20100101 Firefox/37.0 Build ID: 20150402191859 Steps to reproduce: Open a page, and launch DevTools, Style Editor. We should add a Prettify source code, similar to the one the Debugger Tool has for improved readability of code.
OS: Windows 7 → All
Hardware: x86_64 → All
Component: Untriaged → Developer Tools: Style Editor
Severity: normal → enhancement
Summary: DevTools: Style Editor should include a Pretiffy Code button → DevTools: Style Editor should include a Prettify Code button
Related to bug 1080162, though perhaps different enough not to be a dup.
Status: UNCONFIRMED → NEW
Ever confirmed: true
Priority: -- → P3
Whiteboard: [btpp-backlog]
Product: Firefox → DevTools

I agree that this would be a great feature, which is available in fx Chrome.

Somebody else also requested this at Github > firefox-devtools/debugger in Allow pretty printing CSS.

It looks like this feature has been added in Firefox 85:

It's possible to prettify JS expressions in Console source code Editor (available in multiline mode) using a new toolbar button.

https://www.mozilla.org/en-US/firefox/85.0/releasenotes/

Actually, it looks like the Prettify feature is only available from the Console. It would be great to also have when looking at JavaScript code or CSS, for example via the Debugger or Style Editor.

Severity: normal → S3
Status: NEW → RESOLVED
Closed: 1 year ago
Duplicate of bug: 1832213
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.