1. ホーム
  2. javascript

[解決済み] Chromeデベロッパーツールで特定のファイルに移動するには?

2022-08-21 20:26:50

質問

私は、重いフロントエンドのアプローチでWebアプリケーションを開発しています。DojoとAMD-wayを使用することによって、私は現在、簡単に100以上の異なるjavascriptファイルをロードすることができるテスト画面を持っています。

特定の問題についてデバッグしたいとき、または特定のファイルの古いバージョンを見ているかどうかを検証したいとき、Chrome 開発者ツールのソース タブでファイルを見つけるのは本当に難しいです。

ファイル名を入力すると、そのファイルのソースに移動できるようなショートカットまたはアクションはありますか。

どのように解決するのですか?

ソースタブの中で CTRL + O ( + O Mac用)を使って、スクリプト、スタイルシート、スニペットをファイル名で検索することができます。

CTRL + SHIFT + O ファイル閲覧時にJavaScriptの関数/CSSルールにフィルタリング/ナビゲートするため)

[ Chrome Devtoolsのチートシート ]