您可以在Firebug中将鼠标悬停在“粘滞状态”吗？

71

当我调试站点时，有时悬停的选择器有点长，并且与其他选择器类似，是否可以将一种“粘性”状态应用于Firebug中的悬停规则？

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

有什么办法吗？

谢谢：）

— 凯尔
source

检查此答案以测试chrome和firefox中的悬停状态stackoverflow.com/a/20716179/1868660

— Subodh Ghulaxe 2013年

75

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

在此处输入图片说明

— 苏博德·古拉克（Subodh Ghulaxe）
source

5

我知道OP回答了他自己的问题，并且很可能希望保留他的身份分数，但这是更为“完整”的答案。（我不太了解他的回答，并认为他的意思是在浏览器菜单中的某个开发人员选项下）

— BillyNair 2014年

仅供参考，如果元素正在使用其他方式来控制悬停/活动/焦点，即使用Javascript，则此Firebug方法将不起作用。例如，一个jQuery插件正在侦听元素上的点击，然后动态更改元素上的CSS类。我以为我快疯了。

— MarsAndBack '17

56

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

— 凯尔
source

19

我的生活……三年来有了长足的进步，我只是以为不可能。

— Moak 2011年

8

多年以来，我一直在使用怪异的右键单击并尝试使元素出现毛刺-为什么哦，为什么我不想要查看“样式”菜单！

— electblake

并且它仍然是一个有用的答案:)

— 约翰·史密斯

你太棒了！谢谢您的提问：)帮助了我很多

— rails_has_elegance 13-4-18

2

这极大地改善了我的编程生涯，!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 现在没有话能表达我的动议！

— Kevin Simple

9

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

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

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

— 豪尔赫·里维拉
source

棒极了。那你能保持它的状态吗？像是从那里关闭鼠标悬停事件？因为我是tryna调整值，鼠标悬停状态就消失了。

— Doug Cassidy 2015年

1

如果要阻止状态，则必须覆盖事件侦听器，则必须重新定义事件触发时特定元素的功能。我也建议您也去查看定义事件的源代码，然后在那儿重新启动它……但是有些页面上只有很多代码可以做到。

— 豪尔赫·里维拉

1

我使用了双重检查器方法（内置ff和firebug）以及：使用代码后。

— Doug Cassidy 2015年

3

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

在此处输入图片说明

— Mega3on
source

2

调试特定于Firefox的问题需要使用Firefox检查器。

— 沃尔特·罗曼

2

打开firebug和Web开发人员->检查器。在“检查器”窗口中，找到悬停开始的代码行，右键单击鼠标并选择：hover。然后，悬停状态将保持不变，您可以在萤火虫中执行任何操作。

— 用户名
source