Chrome のデベロッパー ツールは素晴らしいですが、JavaScript 関数の定義を見つける方法が (私が見つけた限りでは) ないようです。多くの外部 JS ファイルを含むサイトで作業しているので、これは私にとって非常に便利です。もちろん grep でこの問題を解決できますが、ブラウザーで実行する方がはるかに優れています。つまり、ブラウザーはこれを認識している必要があるので、なぜ公開しないのでしょうか。私が期待したのは次のようなものでした。
- ページから「要素の検査」を選択すると、要素タブの行が強調表示されます。
- 行を右クリックして「関数定義へ移動」を選択します。
- 正しいスクリプトがスクリプトタブに読み込まれ、関数定義にジャンプします。
まず、この機能は存在していて、私が見逃しているだけなのでしょうか?
もしそうでなかったら、これはWebKitから来ると推測しますが、それについては何も見つけられませんでした開発者ツールの機能リクエストまたはWebKit の Bugzilla。
ベストアンサー1
次のような関数を探しているとしますfoo
:
- (Chrome開発ツールを開く)、
- Windows: ctrl+ shift+ F、または macOS: cmd+ optn+ F。これにより、すべてのスクリプトを検索するためのウィンドウが開きます。
- 「正規表現」チェックボックスをチェックし、
- 検索
foo\s*=\s*function
(foo = function
3つのトークンの間に任意の数のスペースを入れて検索します) - 返された結果を押します。
関数定義の別のバリエーションは、これら 3 つのトークンの間に任意の数のスペースを入れるfunction\s*foo\s*\(
ことです。function foo(