如何在Firefox / Firebug中美化Javascript和CSS？

 

有没有办法在Firebug中美化JavaScript和CSS？ 我希望能够查看格式化的js而不是压缩版本:)。

通过比较CSS选项卡或CSS窗格与原始来源清楚地看出，CSS已经在Firebug中被美化了。

JavaScript，唉，不是。 目前，你可以做的最好的事情就是将代码粘贴到http://jsbeautifier.org/之类的东西中。

但是，如果你写了一个Firebug扩展来完成这个任务，那么你将会得到我们所有的感谢。 ;-)

现在有一个插件可以拦截javascript下载并在那个时候解除它。 不幸的是，它挂钩到Firefox的方式意味着它适用于所有的JavaScript下载，只是没有具体的和JavaScript文件必须提供适当的MIME类型。

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

Firefox开发者工具有：

  • “美化来源”按钮 ：左下角的大括号{}图标

  • “自动优化缩小的来源”设置 ：默认情况下打开“美化来源” 。

    要启用它：转到调试器选项卡右上角的引擎图标，而不是全局设置引擎。

    • 在这里输入图像描述

    测试Firefox 42。

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

    上一篇: How to beautify Javascript and CSS in Firefox / Firebug?

    下一篇: How do I view events fired on an element in Chrome DevTools?