当鼠标进入/离开链接FireBug时,如何检查添加/删除元素?

gre*_*emo 3 html css firefox firebug twitter-bootstrap

我的Bootstrap工具提示插件在鼠标进入/离开元素时显示/隐藏<div>内部.<body><a>

<div>当我使用元素选择器并传递链接时,我可以看到新添加到正文.但是当我再次移动鼠标以检查新<div>样式时,当然<div>会从DOM中删除.

如何选择它来检查计算出的样式?我需要这个,因为我的工具提示显示与Bootstrap参考工具提示有点不同的风格.

jak*_*b.g 9

Firebug 1.10为"Break on .."(alt- ctrl- b)添加了键盘快捷键.这在这种情况下非常方便(因为通常你必须将鼠标移动到Firebug,这将隐藏你的弹出窗口).

  • 打开Firebug,转到"脚本"面板.
  • 在页面上执行您的操作以显示工具提示
  • 单击键盘快捷方式以激活"下一个中断".
  • 将鼠标移离工具提示

在页面上的任何JS执行之前(例如隐藏弹出窗口的JS),Firebug将暂停,您可以自由地检查所有内容.


She*_*row 5

我使用了一个小技巧:如果在显示工具提示时右键单击链接,则直接进入firebug面板,工具提示不会消失.

或者你可以将触发选项设置为手动并自己显示:$('#sel').tooltip('show').