155

Chrome 開発者ツールが JavaScript を人間が読める形式にフォーマットできるかどうかを知っている人はいますか? ある種の美化剤が便利です。私はいくつかの JS ライブラリを使用していて、そのオブジェクトをインスタンス化する必要があるとしましょう。これにより、コンストラクターに何を入れるかを知る必要があります。しかし、Chrome 開発者ツールのユーザー インターフェースで 4 行もあるこの巨大なライブラリを検索するのは非常に面倒です...

それ以外の場合、サーバー側は、縮小されていないJavaScriptファイルを提供する「開発モード」の実装を処理する必要があります...

4

3 に答える 3

362

一部のブラウザーには、このようなプリティ プリントボタンが{}あり、ブラウザーに応じて HTML、JS、および/または CSS に対して表示されます。

Chrome の[ソース] タブに次のように表示されます。

Chrome 40 プリティ プリント ボタン

Firefox の[ Debugger ] タブにあります。

Firefox 35 プリティファイ ソース ボタン:

これらのボタンの位置は変更される可能性がありますが、常にそこにある必要があります

于 2011-06-11T19:33:36.360 に答える
3

Pretty Print アイコン ({ } のように見えます) はありませんか?少なくとも Windows では、[スクリプト] タブに 1 つありませんか?

于 2011-06-11T19:39:11.707 に答える
2

オンラインで使用するためのhttp://jsbeautifier.org/があります (コピーして貼り付ける必要があります)。

そのサイトには、フィドラー( Web デバッグ プロキシ) とそのためのJavaScript フォーマッター(第 3 拡張) へのリンクがあります。

于 2010-12-19T19:19:37.470 に答える