javascript – 如何在您的网站上使用Firebug / Dev Tools调试消失元素？

如何在您的网站上使用Firebug / Dev Tools调试消失元素？

我有一个div在mouseleave / out上消失;我想用调试器来探索这个div,但是在我去firebug / debugger窗口的路上,我要检查的div消失了.

有没有人有诀窍来实现这一目标？

编辑： – 它没有标记显示：无,但从DOM中删除.让这有点挑战,如果它消失了:-)

解决方法

右键单击元素以显示上下文菜单,然后单击“检查元素”.

更新：解决元素从DOM中删除而不是隐藏的事实.

http://jsfiddle.net/x3v3q/

$('#mydiv').mouseout(function(){
    alert('hi');    
});


$('*').unbind();

使用jQuery,您可以取消绑定页面上所有元素的所有事件.如果你运行jsfiddle代码,你可以看到它在注释“unbind”时有效.但运行“unbind”会从元素中删除所有事件处理程序.

如果从firebug控制台运行unbind,则在删除元素之前,可以右键单击“Inspect Element”或使用其他建议检查它.

如果页面没有加载jQuery,你可以安装FireQuery插件并按“jquerify”将jQuery注入到一个没有加载它的页面中.见https://addons.mozilla.org/en-US/firefox/addon/firequery/

希望有帮助……