Firefox DevTools Inspector亮點可以變得粘稠嗎？

Question

我花了一些時間來編寫HTML和CSS，並使用在Firefox 53具體來說，「HTML/DOM/CSS檢查」開發者工具我。

當您在HTML中的Inspector窗口塊移動鼠標，頁面上的相應呈現的HTML元素被高亮顯示。此外，還有一些有用的網格線和顏色疊加層以及頁面上沒有繪製的內容，所有這些都是Mozilla開發人員的一個很好的決定。它顯示隨機div s和其他元素可能重疊，非常適合顯示邊緣摺疊等情況。

但是，當我將鼠標從HTML樹移開時，所有有用的突出顯示和覆蓋圖都將消失。 有沒有辦法讓突出顯示/覆蓋「粘」？例如，直到我點擊另一個HTML元素，或重新載入頁面，或...積極採取比簡單地移動我的鼠標等一些動作？

請注意，右鍵單擊檢查器並選擇「：懸停」菜單項是最重要的而不是我在找什麼。我想改變督察的鼠標懸停行爲，而不是的頁面。

（現在我倒又喝了一杯威士忌，並恢復與規則/計算物抗「瀏覽器風格的」控制戰鬥。那是......不是精心設計的。）

Answer 1

一般熒光筆不能切換到頁面上，只能在懸停節點時作出反應。

只有一些其他熒光筆是粘性的，如一個用於一個特定的CSS選擇或CSS網格熒光筆匹配元素，都位於規則內側板：

CSS選擇匹配熒光筆目前（Firefox 53版本）最接近你要找的東西，雖然它缺少網格線。

此外，已經有一個request for adding a sticky element highlighter in Mozilla's bug tracker。