Chrome開発者ツールの人間の読み取り可能なJavaScripts

Question

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

それ以外の場合、サーバー側は、模倣されていないJavaScriptファイルを提供する「DEVモード」の実装に注意する必要があります...

Answer 1

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

Chromeにはその中にあります ソース タブ：

Firefoxにはその中にあります デバッガ タブ

:

これらのボタンの位置は変わる可能性がありますが、常にそこにあるはずです

Answer 2

きれいな印刷アイコンはありません（{}のように見えます）、少なくともWindowsには、[スクリプト]タブ内に1つありますか？

Answer 3

そこには http://jsbeautifier.org/ オンライン使用の場合（コピー/貼り付けが必要です).

そのサイトには、リンクがあります フィドラー (ウェブデバッグプロキシ）そしてa JavaScriptフォーマッタ それのための （3番目の拡張).