在Chrome中找到JavaScript函数定义

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

从页面中选择“Inspect Element”，将突出显示元素选项卡中的行右键单击该行并选择“Go to function definition” 在Scripts选项卡中加载正确的脚本，并跳转到函数定义

首先，这个功能是否存在，而我只是错过了它?

如果它没有，我猜这将来自WebKit，但找不到任何开发者工具功能请求或WebKit的Bugzilla。

当前回答

我发现找到全局函数的最快方法很简单:

选择Sources选项卡。在Watch窗格中单击+并键入窗口全局函数引用按字母顺序列在前面。右键单击感兴趣的函数。在弹出式菜单中选择显示函数定义。源代码窗格切换到该函数定义。

2017-12-25 13:01:24

其他回答

导航到函数定义位置的另一种方法是在调试器中中断，您可以在控制台中访问函数并输入函数的完全限定名。这将在控制台中打印函数定义，并给出一个链接，单击该链接将打开函数定义的脚本位置。

2013-12-04 13:09:23

在谷歌chrome，检查元素工具，你可以查看任何Javascript函数定义。

单击Sources选项卡。然后选择索引页。搜索函数。