Tuesday March 28

Fun with FireBug: CSS Quick Search

The quick search box has a secret. When you're looking at the Source inspector, you can type any CSS selector into the quick search window to show all elements that match the pattern.

For the moment, this is the only way to search the Source, but in the future I plan to also support XPath selectors or just plain text searching.

Here's a fun example. Say you're using the Dojo toolkit and you want to see only the elements which are Dojo widgets. Just type this in the quick search box: *[dojoType]