Firefinder for Firebug – an extension to quickly find elements matching your CSS selectors or XPath expressions

I am very happy to say that an idea I’ve had for a while has finally been implemented: Firefinder for Firebug.

Firefinder is an extension to Firebug (in Firefox) and offers the functionality to, in a quick way, find HTML elements matching chosen CSS selector(s) or XPath expression. It allows you to instantly test your CSS selectors in the page while seeing the content at the same time, and matching elements will be highlighted.

A picture of Firefinder for Firebug with its result list

It also offers you a count of how many matches there are – good for checking, for instance, the number of heading elements – and it also lists all the matching in a collapsible list in the Firefinder panel in Firebug. When you hover each item in that list, the corresponding element in the web page will be highlighted so you see which one it is.

If you are in a web page and want to quickly use Firefinder, just press Ctrl + Shift + V on PC/Linux, Command + Shift + V on Macs, and the Firefinder panel will become visible and you can type away immediately.

Download

Download Firefinder for Firebug and get started!

Discussion/support

Have any problems, questions or suggestions? Visit the Firefinder Google discussion group.

35 Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.