Find and highlight HTML elements with FireFinder for FireBug

A Firefox extension (for Firebug) that I’ve been trying out a bit lately is FireFinder. It lets you quickly find HTML elements that match a CSS selector or XPath expression.

It may not sound like much, but it can be really helpful. Want to find all img elements on a page? Open FireFinder, type img and hit enter, and FireFinder highlights all images for you. Want to find any linked images? Enter a img instead. Want to highlight images that do not have an alt attribute? Try img:not([alt]). And so on. Excellent!

FireFinder is yet another very useful tool created by Robert Nyman. For more info check out Robert’s blog post Firefinder for Firebug - an extension to quickly find elements matching your CSS selectors or XPath expressions.

Posted on June 1, 2009 in CSS, Productivity