如何使用Firebug或Firefox DevTools的檢查器僅查看一個元素？

Question

我可以通過在Firebug的HTML面板中或Firefox DevTools的Inspector面板中選擇一個<div>元素並按Del來刪除它，但是是否可以刪除除一個元素之外的所有元素？

Answer 1

我確實沒有看到刪除除一個以外的所有HTML元素的用例，但是在Firefox DevTools中可以用幾種方法來實現：

• 在樹中一個一個一個地選擇每個元素，然后每次按Del鍵。
• 或選擇根節點，單擊鼠標右鍵，然后選擇“以HTML格式編輯”上下文菜單，然后在出現的編輯器框中，刪除不再想要的HTML，然后提交（` Cmd / Ctrl + Enter ）

但是，這樣做可能最終會刪除應用於剩余元素的許多樣式，並且在您執行此操作后，它可能不會像原來那樣顯示。

也許您想要做的是在頁面上以可視方式“隔離”一個元素，使其成為唯一可見的元素。 如果是這樣，則devtools中沒有執行此操作的功能，但是可以通過在“樣式編輯器”面板中添加一些CSS來輕松實現。 假設您要隔離的元素的ID為“ my-id”，則可以執行以下操作：

* { visibility: hidden; } #my-id { visibility: visible; }