你能让 Firebug 中的悬停状态变得“粘性”吗？答案

【问题标题】：Can you make hovered state in Firebug "sticky?"你能让 Firebug 中的悬停状态变得“粘性”吗？
【发布时间】：2011-05-05 13:00:28
【问题描述】：

当我在调试网站时，有时悬停的选择器有点冗长，并且与其他选择器相似，有没有办法在 Firebug 中将一种“粘性”状态应用于悬停规则？

示例；我将鼠标悬停在导航栏上，并希望将选择器从 firebug 中复制出来以在 CSS 中搜索，但是一旦我移动鼠标，选择器（显然）就会消失，因为导航 <li> 不再悬停。

有什么办法吗？

谢谢:)

【问题讨论】：

【解决方案1】：

在检查链接时，Firebug 会显示默认的 CSS 状态，即应用于 a:link 的样式。默认情况下，不显示 :hover 和 :active 样式。幸运的是，您可以通过单击样式并选择适当的选项来更改链接的状态：

【讨论】：

我知道 OP 回答了他自己的问题，并且很可能希望保留他的状态积分，但这是更“完整”的答案。（我不太明白他的回答，以为他的意思是在浏览器菜单中的开发者选项之一下）
仅供参考，如果元素使用其他方式来控制悬停/活动/焦点，即使用 Javascript，则此 Firebug 方法将不起作用。例如，一个 jquery 插件，它监听一个元素的点击，然后动态地改变元素上的 CSS 类。我以为我要疯了。

【解决方案2】：

对于我想要的，在元素的 CSS 样式上方的 Style 下拉列表中有一个选项。只需单击下拉菜单，然后选择:active 或:hover，它就会保留所选元素和悬停元素的样式:)

【讨论】：

我的生活......它有了显着改善，3 年，我只是认为这是不可能的。
多年来，我一直在使用怪异的右键单击并试图在其中排除元素 - 为什么哦，我为什么不考虑检查样式菜单！
它仍然是一个有用的答案:)
你太棒了！谢谢你的问答:)帮了我很多
这极大地改善了我的编程生涯，！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！现在没有言语可以表达我的动议！

【解决方案3】：

有时项目不受 ":hover" 状态的影响，而是受到 jQuery 或类似的鼠标悬停的影响，在这种情况下，您可以通过以下方式在控制台选项卡中手动触发事件（或强制事件）：

$('#a-random-selector').mouseover()

希望对您有所帮助，我来这里是为了寻找这个答案，但必须自己弄清楚

【讨论】：

太棒了。你能让它停留在那个状态吗？比如，从那里关闭鼠标悬停事件？因为我正在尝试调整值，而鼠标悬停状态在我身上消失了。
如果您想阻止必须覆盖事件侦听器的状态，则必须重新定义该特定元素在该事件触发时的作用。我建议您也查看定义事件的源并在那里删除它......但是有些页面只有很多代码才能做到这一点。
我最终使用了双重检查器方法（内置 ff 和 firebug）以及： .unbind('mouseenter mouseleave');使用您的代码后。

【解决方案4】：

您可以尝试使用 Chrome 检查器，并在样式下的元素上触发 :active :visited state 等。

【讨论】：

【解决方案5】：

同时打开 firebug 和 web developer->Inspector。在 Inspector 窗口中，找到悬停开始的代码行，右键单击鼠标并选择 :hover。然后悬停状态会一直保持，你可以在firebug中为所欲为。

【讨论】：