Est-il possible de filtrer le panneau HTML de Firebug?

Question

Puis-je filtrer le panneau HTML dans Firebug? J'ai des problèmes avec le code source HTML ajouté par des modules complémentaires comme Pearltrees.

Voici un exemple:

<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

Les éléments de l'arborescence et leurs attributs indiqués dans le panneau HTML essentiellement ne peut pas filtrer.

Ce qui peut être filtré sont les commentaires HTML, ce qui est fait via le menu d'options du panneau HTML. Cependant, vous pouvez rechercher des éléments et des attributs spécifiques à l'aide de search field. Ce champ vous permet non seulement de rechercher du texte intégral, mais aussi de rechercher à l'aide de sélecteurs CSS.

Si vous souhaitez réduire la longueur des lignes, vous pouvez recadrer les valeurs d'attribut à une longueur spécifique que vous pouvez définir via la préférence extensions.firebug.displayedAttributeValueLimit, qui peut être modifiée dans about:config. Cela se traduira par une sortie comme ceci:

De plus, vous pouvez également supprimer les nœuds que vous ne voulez pas voir en les sélectionnant et en appuyant sur Del ou via le menu contextuel. Bien que cela change la page, bien sûr.

La dernière option consiste à désactiver temporairement les modules complémentaires qui ajoutent des nœuds supplémentaires à la page.