XRAY

XRAY is a recent addition to the toolkit. It’s a bookmarklet that will let you click on any element on a page and get a HUD-like popup with computed style information: id, class, position, margin, padding, height, width, etc.


Though XRAY doesn’t give you anything that Firebug [wdt] doesn’t, what it does do it does across browsers, supporting IE6+, Safari 2+, and Camino. This makes it fairly useful for debugging cross-browser layout problems.

Tip: You can click on the element names under “inheritance hierarchy” to walk up the tree and inspect parents and grandparents.