如何使用 Firebug 或 Firefox DevTools 的检查器只查看一个元素？
How do I use Firebug's or Firefox DevTools' inspector to view just one element?
我可以删除单个 <div> 元素，方法是在 Firebug 的 HTML 面板或 中选择它]Inspector Firefox DevTools 面板并按 Del，但有没有办法删除除一个元素以外的所有元素？
我真的没有看到删除所有 HTML 元素的用例，除了一个，但是在 Firefox DevTools 中有几种方法可以做到这一点：
- Select 树中的每一个元素，每一次按Del。
- 或select根节点，右击select"Edit as HTML"上下文菜单，然后在出现的编辑框中，去掉HTML你不想看了，提交(`Cmd/Ctrl+Enter)
然而，这样做可能最终会删除应用到其余元素的大量样式，并且在您执行此操作后它可能不会像原来那样显示。
也许您想要做的是 "isolate" 在页面中显示一个元素，这样它就成为唯一可见的元素。如果是这样，devtools 中没有功能可以执行此操作，但可以通过在 Style-Editor 面板中添加一些 CSS 轻松实现。假设您要隔离的元素具有 ID "my-id"，您可以这样做：
* { visibility: hidden; } #my-id { visibility: visible; }
我可以删除单个 <div> 元素，方法是在 Firebug 的 HTML 面板或 中选择它]Inspector Firefox DevTools 面板并按 Del，但有没有办法删除除一个元素以外的所有元素？
我真的没有看到删除所有 HTML 元素的用例，除了一个，但是在 Firefox DevTools 中有几种方法可以做到这一点：
- Select 树中的每一个元素，每一次按Del。
- 或select根节点，右击select"Edit as HTML"上下文菜单，然后在出现的编辑框中，去掉HTML你不想看了，提交(`Cmd/Ctrl+Enter)
然而，这样做可能最终会删除应用到其余元素的大量样式，并且在您执行此操作后它可能不会像原来那样显示。
也许您想要做的是 "isolate" 在页面中显示一个元素，这样它就成为唯一可见的元素。如果是这样，devtools 中没有功能可以执行此操作，但可以通过在 Style-Editor 面板中添加一些 CSS 轻松实现。假设您要隔离的元素具有 ID "my-id"，您可以这样做：
* { visibility: hidden; } #my-id { visibility: visible; }