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

Comments are disabled for this post (read why), but if you have spotted an error or have additional info that you think should be in this post, feel free to contact me.