是否有可能在发生DOM检查时检查它们?
问题描述:
我想看看由jQuery工具提示插件(qTip v1)生成的html。只有当我用鼠标指针悬停在元素上时,才会显示工具提示。通常我只是检查html或深入Chrome的开发者控制台,但只要我这样做,工具提示消失,因为mouseover事件结束。工具提示的位置超出了文档的正常流程,所以我无法轻松设置“元素”标签(Chrome)以查看它发生的情况。有没有一种方法可以在任何浏览器中使用热键冻结DOM来进行检查?我也接受其他想法 - 任何能够让我检查鼠标不一定在附近的元素的东西,当鼠标移动时都会消失。我不想开始搞调试器的插件的JavaScript。是否有可能在发生DOM检查时检查它们?
答
DOM断点
在Chrome DOM断点可以做的伎俩:https://developers.google.com/chrome-developer-tools/docs/scripts-breakpoints#dom
你只需要进入到工具提示将被追加父元素。然后你可以停止所有的Javascript,这将阻止任何Javascript从DOM中删除任何东西。从笔者的问题
附录:
你也可以“属性修改破”,在属性上子网元素,修改这个暂停JavaScript执行。该选项与子树修改相同的菜单下。
我真的很想看到这个结果。在过去,我一直在按CTRL-A来选择整个页面,然后将其粘贴到诸如* ahem * Dreamweaver之类的HTML编辑器中。不完全理想,但它的工作原理。 –