web-dev-qa-db-ja.com

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

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

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

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

javascriptdebugginggoogle-chromegoogle-chrome-devtoolsfrontend
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