3

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

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

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

4

2 回答 2

9

Firebug 1.10 为“Break on..”（alt- ctrl- b）添加了键盘快捷键。这在这种情况下非常方便（因为通常您必须将鼠标移动到 Firebug，这将隐藏您的弹出窗口）。

  • 打开 Firebug，转到“脚本”面板。
  • 在页面上做你的事情以显示工具提示
  • 单击键盘快捷键以激活“Break on next”。
  • 将鼠标移离工具提示

在执行页面上的任何 JS（例如隐藏弹出窗口的 JS）之前，Firebug 将暂停，您可以自由检查所有内容。

于 2012-07-18T22:14:11.957 回答
5

我使用了一个小技巧：如果在显示工具提示时右键单击链接，然后直接转到萤火虫面板，工具提示不会消失。

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

于 2012-07-18T05:23:32.183 回答