javascript - 在 Chrome 中查找 JavaScript 函数定义

Question

Chrome 的开发者工具很棒，但他们似乎没有(我能找到的)一件事是找到 JavaScript 函数定义的方法。这对我来说非常方便，因为我正在一个包含许多外部 JS 文件的网站上工作。当然 grep 解决了这个问题，但在浏览器中会好得多。我的意思是，浏览器必须知道这一点，所以为什么不公开它呢？我的预期是这样的:

• 从页面中选择“检查元素”，突出显示“元素”选项卡中的行
• 右键单击该行并选择“转到函数定义”
• 在“脚本”选项卡中加载了正确的脚本并跳转到函数定义

首先，这个功能是否存在而我只是想念它？

如果没有，我猜这将来自 WebKit，但找不到 Developer Tool feature requests 的任何内容或 WebKit's Bugzilla .

Answer 1

假设我们正在寻找名为 foo 的函数:

1. (打开 Chrome 开发工具)，
2. Windows:ctrl + shift + F，或 macOS: cmd + optn + F。这将打开一个用于搜索所有脚本的窗口。
3. 选中“正则表达式”复选框，
4. 搜索 foo\s*=\s*function(搜索 foo = function，这三个标记之间有任意数量的空格),
5. 按下返回的结果。

函数定义的另一个变体是 function\s*foo\s*\( 用于 function foo( 之间有任意数量的空格这三个 token 。