页面加载事件调试

Question

我正在开发一个大型应用程序。在我的应用程序中，一个灯箱在页面加载和刷新时打开。应用程序中包含许多JavaScript文件，许多开发人员都在使用它。我正在尝试调试并识别导致该灯箱打开的JS代码，以便我可以编辑它。

我尝试在Chrome开发人员的Load工具中添加断点（参见下图），但当它在第一个断点处停止时，灯箱已经在屏幕上。这意味着灯箱的代码在第一个加载事件监听器启动之前呈现。

有什么方法可以从灯箱代码的开放处找到答案吗？

P.S：我也不确定用于打开灯箱的确切代码语法是什么，否则我会在源文件中搜索该语法。

更新：在进一步检查时，我发现在执行jQuery库文件中的这些行时，灯箱会显示出来。

这些行似乎是事件循环触发。我不确定这些信息是否对解决这个问题有用。

Answer 1

您可以使用

console.trace();

要查看调用代码行的函数，请将.trace放入。

由于你在jQuery库中发现了一个以某种方式参与开放的函数，你应该把它放在那里。

最后，您可以通过调用

在其下面放置一个代码端断点

debugger;

如果还没有。考虑使用本地的，未压缩的jq版本，以便于调试。