Firefox DevTools Inspector 的突出显示可以设为粘性吗?

Can the Firefox DevTools Inspector highlight be made sticky?

我正在花一些时间编写 HTML 和 CSS,并且正在使用 Firefox 53 中的开发人员工具。具体来说,"HTML/DOM/CSS Inspector".

当您在检查器 window 中将鼠标移到 HTML 的一块上时,页面上相应的渲染 HTML 元素会突出显示。此外,还有一些有用的网格线和颜色叠加以及其他绘制在页面上的东西,所有这些都是 Mozilla 开发人员的一个很好的决定。它显示了随机 div 和其他元素可能重叠的程度,非常适合显示边距折叠的位置等。

但是,当我将鼠标移出 HTML 树时,所有有用的突出显示和叠加层都会消失。 有没有办法让 highlighting/overlay 变成 "stick"? 例如,直到我点击另一个 HTML 元素,或者重新加载页面,或者...积极采取一些行动,而不是简单地移动我的鼠标?

请注意,右键单击 Inspector 并选择“:hover”菜单项显然不是我想要的。我想更改 Inspector 的鼠标悬停行为,而不是 页面 的鼠标悬停行为。

(现在我要再倒一杯威士忌,然后继续使用 Rules/Computed-versus-"browser styles" 控件进行战斗。那些……设计得不太好。)

一般荧光笔无法切换为停留在页面上,它只会在悬停节点时做出反应。

只有一些其他荧光笔是粘性的,例如与特定 CSS 选择器匹配的元素或 CSS 网格荧光笔,它们都位于 Rules 侧面板:

CSS 选择器匹配荧光笔目前(从 Firefox 53 开始)是最接近您要查找的内容的荧光笔,尽管它缺少网格线。

此外,已经有一个request for adding a sticky element highlighter in Mozilla's bug tracker