1. ホーム
  2. javascript

[解決済み] クロームデベロッパーツールでの可読性の高いjavascripts

2022-04-27 23:54:45

質問

Chrome Developer Toolsでjavascriptsを人間が読める形にフォーマットできるかどうかご存知の方はいらっしゃいますか?美化機能のようなものがあれば便利なのですが。例えば、あるJSライブラリを使っていて、そのオブジェクトをインスタンス化する必要があり、その際、コンストラクタに何を入れるかを知っておく必要があるとします。しかし、Chrome Developer Toolsのユーザーインターフェイスで、4行からなるこの巨大なライブラリを検索するのはかなり面倒です...。

そうでなければ、サーバー側は、minifyされていないjavascriptファイルを供給するquot;dev mode"の実装に気を配る必要があります......。

解決方法は?

一部のブラウザでは プリティプリント ボタンは次のようなものです。 {} と表示され、ブラウザによって、HTML、JS、CSSのいずれかが表示されます。

Chromeでは ソース タブに表示されます。

Firefoxでは、in the デバッガ タブ

:

これらのボタンの位置は変わるかもしれませんが、常に入っているはずです