2013-01-08 89 views
3

我想看看由jQuery工具提示插件(qTip v1)生成的html。只有当我用鼠标指针悬停在元素上时,才会显示工具提示。通常我只是检查html或深入Chrome的开发者控制台,但只要我这样做,工具提示消失,因为mouseover事件结束。工具提示的位置超出了文档的正常流程,所以我无法轻松设置“元素”标签(Chrome)以查看它发生的情况。有没有一种方法可以在任何浏览器中使用热键冻结DOM来进行检查?我也接受其他想法 - 任何能够让我检查鼠标不一定在附近的元素的东西,当鼠标移动时都会消失。我不想开始搞调试器的插件的JavaScript。是否有可能在发生DOM检查时检查它们?

+1

我真的很想看到这个结果。在过去,我一直在按CTRL-A来选择整个页面,然后将其粘贴到诸如* ahem * Dreamweaver之类的HTML编辑器中。不完全理想,但它的工作原理。 –

回答

2

DOM断点

在Chrome DOM断点可以做的伎俩:https://developers.google.com/chrome-developer-tools/docs/scripts-breakpoints#dom

你只需要进入到工具提示将被追加父元素。然后你可以停止所有的Javascript,这将阻止任何Javascript从DOM中删除任何东西。从笔者的问题

附录:

你也可以“属性修改破”,在属性上子网元素,修改这个暂停JavaScript执行。该选项与子树修改相同的菜单下。

+0

+1这很漂亮,可能相当有用。感谢分享它。唯一的问题是我不知道使用什么元素。我尝试了身体元素,没有发生任何事情。我认为,因为它的位置:绝对的,我没有选择哪个父母元素可以工作。 – AlexMA

+0

所有元素都有一个父元素,除了'html',这就是XML的本质,可能是子树的修改必须是直接子元素。 –

+0

是啊...不幸的是,如果父母不是身体或html,我不知道愚蠢的插件把他们放在哪里。 – AlexMA