ChromeでJavaScript関数の定義を見つける 質問する

ChromeでJavaScript関数の定義を見つける 質問する

Chrome のデベロッパー ツールは素晴らしいですが、JavaScript 関数の定義を見つける方法が (私が見つけた限りでは) ないようです。多くの外部 JS ファイルを含むサイトで作業しているので、これは私にとって非常に便利です。もちろん grep でこの問題を解決できますが、ブラウザーで実行する方がはるかに優れています。つまり、ブラウザーはこれを認識している必要があるので、なぜ公開しないのでしょうか。私が期待したのは次のようなものでした。

  • ページから「要素の検査」を選択すると、要素タブの行が強調表示されます。
  • 行を右クリックして「関数定義へ移動」を選択します。
  • 正しいスクリプトがスクリプトタブに読み込まれ、関数定義にジャンプします。

まず、この機能は存在していて、私が見逃しているだけなのでしょうか?

もしそうでなかったら、これはWebKitから来ると推測しますが、それについては何も見つけられませんでした開発者ツールの機能リクエストまたはWebKit の Bugzilla

ベストアンサー1

次のような関数を探しているとしますfoo:

  1. (Chrome開発ツールを開く)、
  2. Windows: ctrl+ shift+ F、または macOS: cmd+ optn+ F。これにより、すべてのスクリプトを検索するためのウィンドウが開きます。
  3. 「正規表現」チェックボックスをチェックし、
  4. 検索foo\s*=\s*functionfoo = function3つのトークンの間に任意の数のスペースを入れて検索します)
  5. 返された結果を押します。

関数定義の別のバリエーションは、これら 3 つのトークンの間に任意の数のスペースを入れるfunction\s*foo\s*\(ことです。function foo(

おすすめ記事