gpt4 book ai didi

firefox - 可以让 Firefox DevTools Inspector 高亮显示吗?

转载 作者:行者123 更新时间:2023-12-03 23:18:15 24 4
gpt4 key购买 nike

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

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

但是,当我将鼠标从 HTML 树上移开时,所有有用的突出显示和覆盖都消失了。 有没有办法让突出显示/覆盖“粘住”? 例如,直到我单击另一个 HTML 元素,或重新加载页面,或者...主动采取一些行动而不是简单地移动我的鼠标?

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

(现在我要再倒一杯威士忌,然后继续使用规则/计算与“浏览器样式”控件进行战斗。那些......设计得不太好。)

最佳答案

一般的荧光笔不能切换到留在页面上,它只对悬停节点使用react。

只有一些其他的荧光笔是粘性的,比如匹配特定 CSS 选择器的元素或 CSS 网格荧光笔,两者都位于规则侧面板中:

Selector matching and grid highlighter within the *Rules* side panel

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

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

关于firefox - 可以让 Firefox DevTools Inspector 高亮显示吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44506946/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com