是否可以过滤Firebug的HTML面板？

Question

我可以在Firebug中过滤 HTML 面板吗？我遇到像Pearltrees这样的附加组件添加的其他HTML源代码的问题。

以下是一个例子：

<span class="pearlItButton" style="position: absolute; display: none; cursor: pointer; z-index: 150000000; opacity: 0; width: 34px; height: 34px;" unselectable="on" id="pearlItButtonImg"></span>
<span class="pearlItButton" style="position: absolute; display: none; cursor: pointer; z-index: 150000000; opacity: 0; width: 34px; height: 34px;" unselectable="on" id="pearlItButtonTxt"></span>
<form target="pearltrees_overlay" action="https://www.pearltrees.com/s/pearler/listFromAddons" method="post" id="pearlIt">
  <input name="url" type="hidden"><input name="title" type="hidden">
  <input name="layout" type="hidden"><input name="text" type="hidden">
  <input name="buttonParams" type="hidden"><input name="version" value="0.9" type="hidden">
</form>
<span class="pearlItButton" style="position: absolute; display: none; cursor: pointer; z-index: 150000000; opacity: 0; width: 34px; height: 34px;" unselectable="on" id="pearlItButtonImg"></span>
<span class="pearlItButton" style="position: absolute; display: none; cursor: pointer; z-index: 150000000; opacity: 0; width: 34px; height: 34px;" unselectable="on" id="pearlItButtonTxt"></span>
<form target="pearltrees_overlay" action="https://www.pearltrees.com/s/pearler/listFromAddons" method="post" id="pearlIt">
  <input name="url" type="hidden"><input name="title" type="hidden">
  <input name="layout" type="hidden"><input name="text" type="hidden">
  <input name="buttonParams" type="hidden"><input name="version" value="0.9" type="hidden">
</form>

Answer 1

树中的元素及其在 HTML 面板中显示的属性基本上无法进行过滤。

可以过滤的是HTML注释，可以通过 HTML 面板的选项菜单完成。

但是，您可以使用search field搜索特定元素和属性。该字段不仅允许您搜索全文，还可以使用CSS选择器进行搜索。

如果您想减少线条的长度，可以将属性值裁剪为您可以通过偏好extensions.firebug.displayedAttributeValueLimit定义的特定长度，该偏好可以在about:config内更改。这将产生如下输出：

此外，您还可以通过选择它们并按 Del 或通过上下文菜单删除您不想看到的节点。当然，这会改变页面。

最后一个选项是暂时禁用向页面添加额外节点的加载项。