digg

Join DiggAbout

Discover the best of the web!
Learn more about Digg by taking the tour.

X-Ray Extension for Firefox

designmeme.com — The X-Ray Firefox Extension shows you what ’s beneath the surface of the page you're viewing. It displays the HTML tags around the content on a webpage, letting you see how the document was constructed without having to go back and forth between the sourcecode and the rendered page in your browser.

Bury
show profanity settings
expand all
  • BlazinX, on 10/12/2007, -2/+0niice.
  • Sc0rian, on 10/12/2007, -2/+0good digg!
  • sokz, on 10/12/2007, -0/+0pretty neat, but can't you just open the code and page in different tabs or windows? still, the extension makes sense.
  • 5m0k3, on 10/12/2007, -3/+0While there are many alternate methods of doing this, I'm sure this is rather useful.
    http://techblaster.blogspot.com
  • binaryHalf, on 10/12/2007, -1/+0liked it very much. dugg
  • senzafine, on 10/12/2007, -0/+0I'm sure this is a cool extension...but I think i still prefer the dom inspector for most things...

    http://www.mozilla.org/projects/inspector/
  • Merlinhoot, on 10/12/2007, -1/+0blows me away arrrgh
  • DoraLives, on 10/12/2007, -0/+0Once again, Firefox (and it's wonderful world of extensions and the neato folks who cook them up) proves why IE is a complete piece of junk and will always and forever be playing catch up without a prayer of moving into the fore.
  • Jarrod, on 10/12/2007, -2/+0Love it.
  • cjsmith, on 10/12/2007, -1/+1running 1.0.7 here ... and this thing sucks. it isn't legible at all and there's no way to turn it off once you activate it. *pow* *zam* *ziiiiinng* - in the crapper
  • panique, on 10/12/2007, -1/+0double ++digg it! this is waaay better than those x-ray spex in the back of the magazine.

    @cjsmith - hit reload to counteract the effect
  • automagically, on 10/12/2007, -0/+0screenshot?
  • jaknet, on 10/12/2007, -0/+0"running 1.0.7 here ... and this thing sucks".............. need any more be said 1.5 is current version.... Do you expect every new idea to run on old software
  • odysseus, on 10/12/2007, -0/+1If you have the Web Developer extension (by Chris Pederick) installed, you can already do something similar:

    WebDevBar > Misc > Edit HTML (opens HTML tags in sidebar for live editing)
    WebDevBar > Info > View Document Outline


  • caldroun, on 10/12/2007, -0/+0I think this is good in conjunction with the web developer toolbar. The newest Web Developer Toolbar is awesome.
  • nopal, on 10/12/2007, -1/+0Perfect!
  • jla1987, on 10/12/2007, -1/+0Won't install for me. Download Error.
  • spacebar14, on 10/12/2007, -1/+0Nice -- +digg
  • Alistair, on 10/12/2007, -0/+0Once I installed this extension, it made the search field in my Google Toolbar unusable. Once I uninstalled XRay, the functionality returned.
  • headzoo, on 10/12/2007, -0/+0I agree with odysseus and caldroun, the Web Developer extension blows this thing out of the water. Nothing can beat it and it's invaluable for developers.

    https://addons.mozilla.org/extensions/moreinfo.php?id=60
  • surfing, on 10/12/2007, -0/+0Works on a few sites, but not at all on gmail...
  • mcdett, on 10/12/2007, -0/+0digg was the first site I "X-Rayed"
  • spidoman, on 10/12/2007, -0/+0very cool extension, it would be even cooler if you gave it some kind of xray look.
  • mgreenwald, on 10/12/2007, -0/+0Damn I thought it was a real x-ray and I am sorely disappointed.
  • mc_hambone, on 10/12/2007, -0/+1Aardvark is prettier: http://www.karmatics.com/aardvark/
  • shockingbird, on 10/12/2007, -0/+1Automagically, here's a screenie:
    http://www.shockingbird.com/glomer2/members/upload/xray_extension_full.jpg
  • SecularG, on 10/12/2007, -0/+0It doesn't show to well. It just places the open and close tags on the page in the their correct places around the content.

    Use Webdeveloper Toolbar 1.0. I feel it is much nicer. It outlines the space the element contains and displays what the markup is quite nicely.
  • angloafro, on 10/12/2007, -1/+0First, in response to Doralives - um IE is in the "fore" and always HAS been, firefox is actually playing catch up, and at an unexpectedly slow pace at that.

    CJSmith - to turn it off, simply refresh the page.

    To everyone else - This is a sad sad tool, it supports only a few tags, many of which you could guess on your own, and further, it doesn't give you the attributes of the tags which define the behavior of the tags. Why should I care that some text is placed in a versus a if I don't know the font, alignment & placement of the div? Having a tooltip of the css code or attribute/value for each defined property of the tag would make this purposeful. For now I'm with senzafine, I'll stick with the DOM inspector.

    no digg
  • mrfish, on 10/12/2007, -0/+1It doesn't exactly tell me anything I couldn't already guess. if it enabled table borders well that would have been different. No Digg
  • kokojie, on 10/12/2007, -1/+0This is useless, why would I want to see the ,,or tags???
  • milkcow, on 10/12/2007, -0/+0UUU/UUUU
  • drbhoneydew, on 10/12/2007, -1/+1So firefox needs to use extensions to get on a par with Opera 6? 2 words. Big Wow.
  • lerch, on 10/12/2007, -0/+0So what is the point of this? This would annoy the heck out of me.
  • garcimore, on 10/12/2007, -0/+0that's a custom stylesheet, so what ?! the DOM inspector, or the rendered source code thingy are 10.000 times better than that
  • exosyst, on 10/12/2007, -0/+0With regards to drbhoneydew above, Does this essentially perform the same thing as Opera User Mode. If so, why is this an extension to firefox, can it not be done as a CSS switcher like opera users? It seems a nice lightweight way of doing it!
  • DZNpusher, on 10/12/2007, -0/+0I have to agree... the Web Developer extension is pretty kick ass.

    Still, X-Ray looks like it works for a quick elements overview, so still a good find.

    I can digg it.
  • Abatrour, on 10/12/2007, -0/+0You could always do something similar to that in Firefox, highlight the area of the webpage that you want to look at the source for, right click and click "view selected souce"
  • raven001, on 10/12/2007, -0/+0Interesting extension. Nice.

    There is no reason why extensions should have to be backward compatible to earlier versions of Firefox. 1.5 is the current version. Update or go without the newer stuff.
  • robnoxious, on 10/12/2007, -0/+0odysseus said "If you have the Web Developer extension (by Chris Pederick) installed, you can already do something similar:

    WebDevBar > Misc > Edit HTML (opens HTML tags in sidebar for live editing)
  • robnoxious, on 10/12/2007, -0/+0odysseus said ... If you have the Web Developer extension (by Chris Pederick) installed, you can already do something similar:

    WebDevBar > Misc > Edit HTML (opens HTML tags in sidebar for live editing)
    WebDevBar > Info > View Document Outline

    I am not seeing either of these and I am running this ext.

    Rob

  • WildBil2Me, on 10/12/2007, -0/+0"Aardvark is prettier: http://www.karmatics.com/aardvark/"

    I'd been using Aardvark for sometime - but there seem to be some bugs since updating to Ff 2.0

    Another great extension that does something similar is titled "View Rendered Source Chart." It will re-render the page showing only the HTML tags but creating a hierarchical diagram which shows how div tags, spans and tables are set up.

    Very nice web-dev extensions all the way around.
  • NeilM, on 10/12/2007, -0/+0...and it's totally not useful for me! LOL It shall make somebody else happy, though. :-)
  • gookie, on 10/12/2007, -1/+0OPERA has this feature long time ago already?

    Are FF extensions just ports of cool Opera kick-ass features?
  • mrjeffery, on 10/12/2007, -0/+0Just downloaded FF to try this out (opera user). Also trying to learn html...NICE
  • Vladk1000, on 10/12/2007, -0/+0This is cool, I'll try it out.

    _________________________
    http://ultra-tech.blogspot.com/
  • geoboy, on 10/12/2007, -0/+0Very handy. Thanks! Dugg.
  • CarbonAndroid, on 10/12/2007, -0/+0like it
  • Anargeek77, on 10/12/2007, -0/+0uber cool!!!!!!!!!
  • spinoza, on 10/12/2007, -0/+0Cool. It lets me see the person who wrote the HTML page coding in their underwear.
  • h4lfl1ng, on 10/12/2007, -0/+0digg

    added to my webdev extensions I cannot live without

    colorzilla,webdeveloper toolbar,ie tab, and much more
  •  

    Login or register to add a comment

    Create a new account or login to join in the conversation on Digg. You'll also be able to Digg stories to help promote things you like.


© Digg Inc. 2008 — Content posted by Digg users is dedicated to the public domain.
DIGG, DIGG IT, DUGG, DIGG THIS, Digg graphics, logos, designs, page headers, button icons, scripts, and other service names are the trademarks of Digg Inc.