WebAppers

/ best free open source web resources /

Shopify

XRAY Webpage Elements Bookmarklet for Web Developers

Posted · Category: License Free, Tools

XRAY is a free cross browser tool that lets you see the box model in action for any element, letting you see beneath the skin of any web page. Just click the XRAY button to instantly answer those vital questions: where is the top and left of this element? how big is each margin? how big is the padding? how wide and high is the content box? XRAY works just like any other bookmarklet. To install it, normally you would just drag the box marked XRAY below to the bookmarks bar in your web browser. In some browsers bookmarklets work differently: just do whatever you would normally do to create a bookmark for whatever is linked to the XRAY box below.

xray.png

Requirements: Any Browsers Except Internet Explorer and Opera
Demo: http://westciv.com/xray/xray_more.html#step2
License: Open Source License

5 Comments
  • Pingback: roxzen.com | Design, Wordpress, Multimedia Tips & Tricks, Fashion, Resources, HTML/CSS, Photoshop

  • http://http:.//www.wolfslittlestore.be Wolf

    It’s not cross browser if it doesn’t work in the biggest browser of them all…

  • http://www.olle-axelsson.se Olle

    So true, Wolf.

  • http://free-iphone-apple.blogspot.com mark

    Good tool, but it seems to crash in my firefox browser sometimes.

  • http://www.a-side.nl Theo

    It seems to crash in ie and ff, but it only craches in my application when I use it in a frame or iframe

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons