Firefox DevTools Inspector可以突出显示粘性吗？

Question

我花了一些时间编写HTML和CSS，并使用Firefox 53中的开发人员工具。具体来说，就是“HTML / DOM / CSS Inspector”。

当您在“检查器”窗口中将鼠标移动到一大块HTML上时，页面上相应的呈现HTML元素将突出显示。此外，还有一些有用的网格线和颜色叠加以及在页面上绘制的内容，所有这些都是Mozilla开发人员的一个很好的决定。它显示了随机div和其他元素可能重叠的方式，非常适合显示边距折叠的位置等。

但是，当我将鼠标从HTML树上移开时，所有有用的突出显示和覆盖都会消失。 有没有办法让突出显示/叠加显示“坚持”？例如，在我点击其他HTML元素或重新加载页面之前，或者......主动采取一些行动而不仅仅是移动我的老鼠？

请注意，右键单击Inspector并选择“：hover”菜单条目最重要的是 not 我正在寻找的内容。我想更改Inspector 的鼠标悬停行为，而不是页面的 。

（现在我要倒入另一杯威士忌并恢复与规则/计算对比 - “浏览器样式”控件的斗争。那些......设计不太好。）

Answer 1

普通荧光笔无法切换到停留在页面上，只会在悬停节点时作出反应。

只有其他一些荧光笔是粘性的，就像用于匹配特定CSS选择器或CSS网格荧光笔的元素一样，两者都位于 Rules 侧面板中：

与荧光笔匹配的CSS选择器目前（从Firefox 53开始）是最接近你正在寻找的那个，尽管它缺少网格线。

此外，还有request for adding a sticky element highlighter in Mozilla's bug tracker。