Aardvark

If you're looking for a powerful and user-friendly selector utility for selecting elements and doing various actions on them, look no further than Aardvark. This extension can be used for a range of purposes, from cleaning up a page prior to printing it (by removing and isolating elements) to making the page more readable. But perhaps its most appreciated feature among web developers is its ability to analyze the structure of a page.

To use this extension, simply right-click on the webpage and click on "Start Aardvark" from the context menu. As you move the mouse over the page, you will see a red rectangle around the current block element, along with a label showing its type, and if they exist, its id, class, and style. From there, you can press various keys on the keyboard to do things like navigating wider (using the "W" key), removing elements (using the "R" key), and isolating elements (using the "I" key to remove everything else on the page).

One of Aardvark's newest and most powerful features is its ability to generate DOM code by selecting an element on a web page. This makes it an essential tool for JavaScript developers working with HTML mockups. And with a list of 14 available keystrokes (including "Q" to quit Aardvark and "H" for help), it's easy to see why Aardvark is quickly becoming a favorite among web developers everywhere.