页面加载事件调试

Question

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

我尝试在加载Chrome浏览器的工具中添加断点（请参阅下图），但是当它停在第一个断点上时，灯箱已经在屏幕上。这意味着灯箱的代码在第一个载入事件侦听器启动之前被渲染。

有什么办法，我可以从找出那个收藏代码是开放？ P：我也不确定什么是用于打开灯箱的确切代码语法，否则我会搜索源语言文件的语法。

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

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

Answer 1

您可以使用

console.trace(); 

要看看哪里invoced功能去行代码中你把.trace。

既然你找到了jQuery库是某种内部函数参与开幕式你应该把它放在那里。

Aditiinally您可以通过调用

debugger; 

如果不是已经把代码双面断点它的下面。考虑使用jq的本地未压缩版本以方便调试。