如何找到声明某些js函数的.js文件（来自Chrome）？

Question

例如，如果我使用以下代码在Chrome中的某个页面上运行：

<div onclick="someFunction('test')"></div>

我想知道哪个js文件包含“someFunction”。有可能吗？怎么样？ （我想它可以通过调试完成，但不知道如何）

Answer 1

在带有Web Developer插件的Firefox中，信息/查看Javascript /全部展开，搜索“someFunction”。

当然，还有很多其他方法可以做到这一点，但是这个附加组件将页面中的所有JS放到一个浏览器中，这使得在页面范围内搜索任何内容变得简单。

Answer 2

我所做的是：[假设您有权访问源代码]

grep -r "function someFunction" . 

其中.是开始递归搜索模式的目录。它将显示包含模式“function someFunction”的所有文件。

顺便说一下，如果你有很多点击但你想在生成它们的目录中搜索，你可以丢弃包含以下内容的结果：

grep -r "function someFunction" | grep -v "withouth this text"

希望有所帮助！在Windows上也许你可以用cygwin吗？

如果someFunction托管在外部主机上，这当然行不通......

Answer 3

尝试在文件系统中保存页面（菜单 - ＆gt;将页面保存为 - ＆gt; web bage完全） 并通过文本搜索器找到您在文件中的功能。

Answer 4

在没有括号的情况下在Google控制台中编写函数名称 例如 - 对于函数提交（a，b） - 我想知道提交函数在哪里。

只需在控制台中写提交。输出将是函数的定义。单击输出，您将被重定向到该功能。您可以在源选项卡的开发人员工具顶部看到文件名。