复杂的Ajax调试帮助

Question

如何找出一段javascript在html中更改特定内容的位置（行号或位置）？

这就是问题的症结所在：

想象一下3 Div。每个人在页面加载时通过ajax获取其内容。每个div都接收自己的html和javascript以及jquery。其中一个div的内容在加载后由javascript修改，代码不是该div代码的一部分。 （其中一个div正在进行更改。）我需要找到正在进行更改的代码。 （实际上我正在使用12个div ...但是我只用3来做例子......）

通常情况下，我只会运行firebug并观察代码执行...但由于这是动态加载的，我无法找到发生这种情况的地方。我已经对所涉及的ID和类进行了简单搜索，但是还没有发现任何冲突点。任何想法，帮助或教程都将不胜感激。

Answer 1

如果您使用Chrome，则可以检查有问题的DIV（右键单击，选择“检查元素”），然后右键单击元素源树中的元素并选择“中断子树修改”和“或中断”关于属性修改“。

这将在更改发生时导致断点，并且您将能够检查调用堆栈以查找有问题的呼叫。