javascript - 多个 Javascript 文件创建警报框

Question

我得到了一个项目——一个 HTML 页面包含大约 45 个不同的 javascript 文件。当我单击某些元素时出现警报框 - 哪个 javascript 文件发出警报？我如何确定这一点，最好是javascript文件中的哪一行，但我可以从哪个文件开始......

如果这可以在网络浏览器中完成（我不在乎哪个网络浏览器），请告诉我如何......我已经查看了 chrome 中的资源选项卡，但它对我没有帮助。

谢谢你。

Answer 1

使用文本编辑器替换所有

alert

经过

console.log

然后使用Chrome 检查器查看日志的位置。

Answer 2

在页面顶部包含您自己的 javascript 文件并使用以下命令预定义警报：

alert = function(msg) {
     alert(msg); // put breakpoint here
}

然后使用调试器（Firefox 中的 Firebug，或 Chrome 中的开发者工具）设置断点，如上所述。调试器中的堆栈跟踪视图将显示哪个脚本行/文件正在创建警报

Answer 3

在 Firebug 中使用分析器

控制台 -> 配置文件 -> 单击以启用。它将显示所有正在调用的函数，搜索该函数名称，并添加断点进行调试。