Chrome開発ツールの人間が読めるJavaScript

142

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

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

javascript  google-chrome-devtools 
— リサク
ソース
それは不可能だと確信していますが、それは素晴らしい機能になるので、私が間違っていることを願っています。
— Zevan
私はそうしましたが、この機能がないことは驚くべきことなので、ここで質問する方がよいでしょう
— lisak
Firebugのバージョン：stackoverflow.com/questions/4279319/...
— チロSantilli郝海东冠状病六四事件法轮功

回答:

331

一部のブラウザには、このように表示されるプリティプリントボタンがあり{}、ブラウザに応じてHTML、JS、CSSのいずれかに表示されます。

Chromeの[ ソース ]タブにあります。

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

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

Firefox 35はソースボタンをかわいがります：

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

— fgm2r
ソース
2
Windowsでは、これは次のような小さなアイコンです-> {}。キャプションにはPretty Printと書かれています。
— omn​​inonsense
@with言及していただきありがとうございます。彼らがなぜそれをWindows / Mac OSで異なって実装したのかと思う。
— fgm2r
3
このChrome機能に何が起こったのか誰か知っていますか？以前Chromeで見たことがありますが、今はなくなっているようです。
— superjos 2012年
@superjos Mac OSとWindowsで同じになるように変更しました。
— fgm2r 2012年
2
ええと、私はそれをコンテキストメニューで見ることさえできません。「アイテムの検査」コマンドのみがあります。スクリーンショットを参照してください。
— superjos 2012年
3

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

— オムニノンセンス
ソース
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.