在浏览器开发者工具中发现 JavaScript 执行路径和文件答案

【问题标题】：Discovery JavaScript execution path and files in Browser Developer Tools在浏览器开发者工具中发现 JavaScript 执行路径和文件
【发布时间】：2014-10-22 10:14:49
【问题描述】：

我相信这对其他人来说也一定是一种负担......

假设我正在调试一个网站，并且网站上有一个元素在点击时会调用特定的功能；例如：

<img src="foo.png" onclick="javascript:Bar();" />

但我不知道Bar 在文件结构方面的声明位置。它可能来自外部来源，也可能在网站解决方案中。

是否有任何可以添加到浏览器中的工具（即 FireFox 扩展程序）来帮助解决这个问题？

我有点喜欢这样的东西，当我点击触发一些 javascript 的东西时，会中断执行并告诉我执行将在哪里发生

【问题讨论】：

标签： javascript html debugging developer-tools

【解决方案1】：

您可以使用 Firebug（FF 插件）打开 Firebug（按 F12），打开脚本选项卡并使用搜索字段。

【讨论】：

【解决方案2】：

在 chrome (> v 15) 开发者工具中，您可以搜索所有来源。

按 F12，确保显示控制台，然后在控制台旁边的选项卡栏上搜索，进入该选项卡，输入函数 Bar 并按回车键。或按 F12 后按 Shift Ctrl F（Mac 上的命令选项 F）

对此有一些注意事项，例如我认为这不会在 iframe 中找到脚本

【讨论】：