是否有可能在DOM修改发生时进行检查？

Question

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

Answer 1

DOM断点

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

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

问题作者的附录：

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