web-dev-qa-db-ja.com

Firefox / FirebugでJavascriptとCSSを美しくするには?

FirebugでJavaScriptとCSSを美化する方法はありますか?圧縮バージョンではなく、フォーマットされたjsを表示できるようにしたいのですが:).

39
Lance Pollard

CSSはFirebugですでに美化されています。CSSタブまたはCSSペインを生のソースと比較すると明らかです。

残念ながらJavaScriptはそうではありません。現時点でできる最善の方法は、コードを http://jsbeautifier.org/ のようなものに貼り付けることです。

ただし、これを行う Firebugの拡張機能 と書けば、感謝の気持ちが持てます。 ;-)

13
Brock Adams

javaScriptのダウンロードをインターセプトし、その時点でそれを縮小するプラグインがあります。残念ながら、Firefoxにフックする方法は、すべてのJavaScriptダウンロードに適用され、特定のダウンロードには適用されず、JavaScriptファイルは適切なMIMEタイプで提供される必要があることを意味します。

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

19
benmmurphy

Firefox開発ツールには次の機能があります。

  • "Prettify Source"ボタン:中括弧{}左下のアイコン

  • "Auto Prettify Minified Sources"設定:Prettify Sourceをデフォルトでオンにします。

    これを有効にするには、[Debugger]タブの右上にあるエンジンアイコンに移動します。グローバル設定エンジンではありません

enter image description here

Firefox 42でテスト済み。