Did you ever wish you had X-Ray vision?
I remember seeing the ads in comic books when I was a kid. Those evil advertisers – Cashing in on keyed up adolescent boys by suggesting that for a mere $1 they could sneak a peak at a shapely silhouette.
Oddly enough, I was more interested in seeing the inner workings of mechanical & electronic devices, than invading a woman’s personal space & privacy.
I’ve only gotten nerdier over the years, so, you can imagine how happy I was to discover a Firefox extension that allows you to see into the inner workings of a websites code, in-line with the visible elements.
After the upgrade to Firefox 3 the extension was no longer compatible, until this week when I learned that X-Ray, one of my favorite Firefox extensions, has finally been given the green light for Firefox 3.
Stuart Robertson, the extensions creator, apparently has had the plug-in updated for weeks (since shortly after the glorious release of Firefox 3), but he’s been waiting for the Firefox extension team to review & approve it.
Anxious to get my hands on the updated X-Ray extension, I contacted Robertson and inquired about it’s status. He was very cool and told me about the review hold-up and offered to set me up with the updated xpi!
So, what is the X-ray extension?
There’s no need to flip back and forth between a “view source” window and the actual page to find out which class is applied to a given element, or which content is an H1 header vs which in an H2 – you simply right-click, and select the X-Ray option.
With one click of the mouse all the pages HTML tags (<h1></h1>, <div class=somestyle></div>) including their class are exposed right there on the page!
- SEOer? Do a quick check for H1, H2 & H3 tags, never leave the visible page!
- Designer? Find what class an element is using in a flash!
- New to coding? X-Ray a page to see what makes it tick!
- Debugging? Easily find orphaned or incorrectly nested elements!
Alone it’s pretty handy, but combined with Web Developer (with easy CSS disabling), and Firebug (with all of it’s bells & whistles) X-Ray is a godsend for quick-n-dirty, on-the-fly coding, debugging, troubleshooting and more! This is definitely one Firefox extension that deserves to be in every SEO superheroes utility belt.
The latest version of the X-Ray add-on (v0.9) is now available for immediate download & installation.
You can get more information about X-Ray and download the updated extension at Robertson’s own site (Design Meme) or over at the official Firefox add-ons repository.