2011-03-22 80 views
-1

如何找出(行号或位置)一段JavaScript正在改变一段特定的HTML内容?复杂的Ajax调试帮助

这问题的症结所在:

试想3分DIV的。每个页面加载时都通过ajax获取内容。每个div接收它自己的html和javascript和jquery。其中一个div的内容在加载后由javascript修改,而代码不是该div代码的一部分。 (其中一个div正在进行更改。)我需要找到正在进行更改的代码。 (在现实中,我有12点div的工作......但我用3只为了让这个例子......)

通常我会运行萤火虫,看代码执行...但是,因为这是所有动态加载,我无法定位这发生在哪里。我对所涉及的ID和类进行了简单的搜索,但没有发现相互冲突的点。任何想法,帮助或教程,将不胜感激。

+3

'试想3 Div's' IM definitly想象。显示一些代码:-P – Neal 2011-03-22 20:00:16

+0

警报。其中很多。 – Brandon 2011-03-22 20:01:42

+1

Matt 2011-03-22 20:02:11

回答

2

如果您使用Chrome,您可以检查相关的DIV(右键单击,选择“检查元素”),然后右键单击元素源树中的元素,然后选择“Break on Subtree Modifications”或者“突破属性修改“。发生变化时

这将导致一个断点,你就可以检查调用堆栈来找到有问题的电话。

+0

哇,从第1天开始就一直在使用Chrome,并且不知道它可以做到这一点:P。 (这是一个不同的马特比OP ...以避免任何混淆:P) – Matt 2011-03-22 21:20:51