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 posts:
Web Development: Widerbug For FirefoxWebmasters: Analyse Your Website with YSlow
Internet Explorer HTTP Watch
Toggle Em All Bookmarklet Makes Check Box Checking Comfortable
Download mp3 and videos from any site
Fix for Missing Display Properties
Get several hard drive properties at once
Check your Hard Drives with HD Tune
4 Responses to “Check CSS Properties with Xray”
Trackbacks/Pingbacks
-
[...] Xray es una herramienta que puede ser utilizada (como dirección guardada en los favoritos) en Firefox, Internet Explorer 6+ y Safari para ver las propiedades CSS de cualquier página web… [...]
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).