web-dev-qa-db-ja.com

chrome開発者ツールの人間が読めるjavascript

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

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

javascriptgoogle-chrome-devtools
135
lisak

一部のブラウザには、Pretty printボタンがあり、_{}そして、ブラウザに応じてHTML、JS、またはCSSで表示されます。

ChromeはSourcesタブにあります：

Chrome 40 pretty print button

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

Firefox 35 prettify source button：

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

317
fgm2r

プリティプリントアイコン（{}のように見えます）はありませんか。少なくともWindowsでは、[スクリプト]タブ内にアイコンがありますか？

3
omninonsense

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

そのサイトには、 フィドラー （a Webデバッグプロキシ）と JavaScript Formatter へのリンクがあります= for it（3番目の拡張）。

2
Gabriele Petrioli