参见英文答案 >
Find what javascript changes the DOM?                                    2个

我正在尝试查看jQuery工具提示插件(qTip v1)生成的html.仅当我用鼠标指针悬停在元素上时,才会显示工具提示.通常情况下,我只是检查HTML或深入挖掘Chrome的开发者控制台,但是一旦我这样做,工具提示就会消失,因为鼠标悬停事件结束了.工具提示的位置超出了文档的正常流程,因此我无法轻松设置“元素”选项卡(Chrome)以便在发生时进行查看.在任何浏览器中是否有一种方法可以使用热键冻结DOM以进行检查？我也接受其他想法 – 当我的鼠标移动时,任何让我检查我的鼠标不一定靠近的元素的东西都会消失.我不想开始搞乱将调试器放在插件的javascript中. 最佳答案 DOM断点

Chrome中的DOM断点可以解决这个问题：https://developers.google.com/chrome-developer-tools/docs/scripts-breakpoints#dom

您只需要访问将附加工具提示的父元素.然后,您可以停止所有Javascript,这将阻止任何Javascript从DOM中删除任何内容.

问题作者的补遗：

您还可以“中断属性修改”,这会在子树元素上修改属性时暂停Javascript执行.此选项与子树修改在同一菜单相同的菜单下.