Rey Bango

JavaScript, HTML, CSS & Random Stuff…

XRay: Must Have Bookmarklet to Inspect Your Web Page's DOM

Ajaxian is reporting about a very neat and cool bookmarklet, XRay, that helps you visually get information about specific elements on your page. The site best describes its functionality as “a free cross browser tool (a bookmarklet) 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?”.

I tried this out and it was VERY cool. While there's some overlap with Firebug, this is definitely being added to my toolkit. The only downside is that it doesn't work on IE.

http://westciv.com/xray/

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Category: JavaScript, jQuery

Tagged:

Leave a Reply

Learn JavaScript!

What to Read to Get Up to Speed in JavaScript.

The best books & blogs for learning JavaScript development. Broken down by experience levels!


My BIG LIST of JavaScript, CSS & HTML Development Tools, Libraries, Projects, and Books.

Constantly updated with the latest and greatest tools. Check it out!

Contact Me

GMail: reybango at gmail dot com
Twitter: @reybango




JavaScript JS Documentation: JS Function Example: Specifying arguments with the Function constructor, JavaScript Function Example: Specifying arguments with the Function constructor

Twitter

Rey Bango is Stephen Fry proof thanks to caching by WP Super Cache