How to beautify Javascript and CSS in Firefox / Firebug?

Is there a way to beautify javascript and css in Firebug? I'd like to be able to view formatted js instead of the compressed version :).


CSS is already beautified in Firebug, as clearly seen by comparing the CSS tab or CSS pane with the raw source.

JavaScript, alas, is not. The best you can do, for now, is to paste the code into something like http://jsbeautifier.org/ .

However, if you write a Firebug extension that does this, you will have all of our gratitude. ;-)


there is now a plugin that intercepts javascript downloads and deminifies it at that point. unfortunately, the way it hooks into firefox means that it applies to all javascript downloads and just not specific ones and the javascript files have to be served with an appropriate mime type.

https://addons.mozilla.org/en-US/firefox/addon/247565/


Firefox Developer Tools has:

  • "Prettify Source" button : braces {} icon on bottom left

  • "Auto Prettify Minified Sources" setting : turns Prettify Source on by default.

    To enable it: go to the engine icon on top right of the Debugger tab, not the global settings engine.

  • 在这里输入图像描述

    Tested on Firefox 42.

    链接地址: http://www.djcxy.com/p/83432.html

    上一篇: 检查是否选中特定的单选按钮

    下一篇: 如何在Firefox / Firebug中美化Javascript和CSS?