Xray is a bookmarklet that can be used in Firefox, Internet Explorer 6+ and Safari that displays CSS Properties of elements on a website. The process is as simple as it could be. The user loads a website, clicks on the Xray bookmarklet which loads an overlay that will display the information.
Every click on an element displays the CSS properties for that element right on the screen. The element itself displays its width, height and position on the screen while the Xray box displays additional information such as margin, padding, position and border values.
This is in no way as powerful as the Firebug extension for Firefox but it can give a good quick overview over certain important CSS properties. I’m mentioning it here mainly because I think that it is astonishing that a simply bookmarklet could display such a wealth of information.
Related Articles:
Fix for Missing Display PropertiesGet several hard drive properties at once
How To Remove File Properties In Windows
Remove Google Properties From Search With A Comma
Toggle Em All Bookmarklet Makes Check Box Checking Comfortable
If I can’t use I Firebug, I usually resort to MODI – I might give Xray a try though.
FWIW, Jash (JavaScript Shell) is also pretty cool.
I don’t even use Firefox but I love Firebug. Another app to check out that I just discovered is the IE Developer Toolbar from Microsoft. Basically MS’s knockoff of Firebug (assuming Firebug came first).
The IE Developer Toolbar is a step in the right direction, but it’s quite primitive compared to Firebug.
Another bookmarklet to mention here is CSSFly, which allows for live editing similar to Firefox’s Web Developer extension (though it’s dependent on CSSFly’s server-side processing).