web-dev-qa-db-ja.com

Chrome開発者ツールで特定のファイルに移動するには?

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

特定の問題をデバッグする場合、または特定のファイルの古いバージョンが表示されているかどうかを確認する場合、Chrome Developerの[ソース]タブでファイルを見つけるのは非常に困難ですツール。

ファイルの名前を入力して、そのファイルのソースに移動できるショートカットまたはアクションはありますか?

83
Alpha

[ソース]タブでは CTRL+O (+O Macの場合)スクリプト、スタイルシート、スニペットをファイル名で検索します。

(つかいます CTRL+SHIFT+O ファイルを表示するときにJavaScript関数/ CSSルールにフィルター/ナビゲートするには)

[ Chrome Devtoolsチートシート ]

124
CD..

CTRL + P Windowsで検索入力を表示します。

enter image description here

 + P — Macで。

enter image description here

13
Aleksei Mialkin

Windowsの場合:

つかいます CTRL+SHIFT+F ファイル内のコンテンツを検索します。

つかいます CTRL+SHIFT+O ファイル名を検索します。

1
live-love

Mac:Command + O Windows:Ctrl + O

0
Jackie