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

有沒有辦法在Firebug中美化javascript和css？我希望能夠查看格式化的js而不是壓縮版本:)。如何在Firefox/Firebug中美化Javascript和CSS？

類似的問題在這裏：http://stackoverflow.com/questions/822119/online-tool-to-unminify-decompress-javascript – lashleigh 2010-07-09 21:16:28

不爲Firefox，但是...... Chrome開發者工具內置了這個功能。在腳本選項卡上，左下方的橫杆上有一組圖標...「{}」圖標是「漂亮打印」並執行此轉換。 – 2011-08-22 15:20:44

@JonAdams謝謝。這正是我要問的問題的答案。這是一個upvote。 – 2012-04-19 13:57:49

CSS已經在Firebug中進行了美化，通過比較CSS選項卡或CSS窗格與原始來源可以清楚地看到。

JavaScript，唉，不是。現在最好的做法是將代碼粘貼到http://jsbeautifier.org/之類的代碼中。

但是，如果你寫a Firebug extension這樣做，你會有我們所有的感激之情。 ;-)

2010-07-10 02:17:17

現在有一個插件可以攔截javascript下載並在那個時候將其解除。不幸的是，它掛鉤到Firefox的方式意味着它適用於所有的JavaScript下載，只是沒有具體的和JavaScript文件必須提供適當的MIME類型。

2010-10-30 11:10:16 benmmurphy

此外，不支持Firefox 3.6以上。 – skolima 2011-07-07 12:10:56

現在應該是firefox 5.x了。您可能還想看看內置此功能的Chrome瀏覽器的新版本。因爲他們使用分析樹，所以在混淆期間不會破壞代碼，並且對性能的影響很小。 – benmmurphy 2011-07-18 16:51:21

適用於Firefox 7.0.1 – 2011-10-26 23:58:07

Firefox的開發工具有：

測試在Firefox 42

2015-11-17 10:00:19

Firebug 2.0.13（FF43.0.1）在腳本標籤旁邊的腳本名旁也有一個{{}圖標。 – hinneLinks 2015-12-22 08:33:25

回答