[Firefox] Firefinder trouve le HTML qui correspond au CSS / XPath

Lorsqu’on développe un template HTML / CSS ou qu’on crée un document XML, il peut être intéressant de vérifier comment les règles s’appliquent.

Par exemple, si je crée un sélecteur CSS qui doit s’appliquer à certaines balises seulement, comment le tester ?

Firefinder est un plugin pour Firefox + Firebug qui permet de sélectionner les éléments d’une page correspondants à un sélecteur particulier. Il est capable de tester du CSS sur des documents HTML ou du XPath sur du XML.

Lorsqu’ils correspondent, les éléments sont mis en surbrillance directement dans la page.
Firefinder compte également le nombre d’instances qui « matchent », ce qui peut s’avérer pratique dans certains cas.

Firefinder permet en outre de partager des bouts de code très rapidement via PasteBin. Il suffit de cliquer sur le bouton « FriendlyFire « . Je ne sais pas vraiment à quoi sert cette fonctionnalité …

Autre fonctionnalité plus intéressante, le bouton « Inspect » permet de se placer sur les éléments correspondants, directement dans le panneau HTML de Firebug.

Bref, le mieux est d’avoir une démonstration en vidéo :

Un peu redondant avec certaines nouvelles fonctionnalités de Firebug, mais pratique tout de même. J’adopte.

Téléchargez le plugin Firefinder pour Firefox