Web X-Ray Goggles

Getting Started

If you've never used the goggles before, you should start out with the Parable of The Hackasaurus.

Reference

Here's the bookmarklet: Web X-Ray Goggles.







Note that if you're on a mobile browser, you may need to manually create a bookmark to the following URL:



javascript:(function(){var<br /> <br />script=document.createElement('script');script.src='http://webxray.hackasaurus.org/webxray.js';script.className='webxray';document.head.appendChild(script);})();



Once the goggles are activated, you can press H for help.

Troubleshooting

If the goggles don't seem to be working, try running the test suite. Then report a bug and be sure to mention whether the test suite failed.

X-Ray Goggles

X-Ray Goggles

Make your first hack in three easy steps!

1. Copy this URL to your clipboard:


2. Activate the X-Ray Goggles


3. Move your mouse over the image on the right to see what it's made of, and tap R to make it point to the URL from your clipboard!

Installing X-Ray Goggles

Installing X-Ray Goggles

Sorry, but the goggles don't yet work on Microsoft Internet Explorer.

Until they do, please use the latest version of Firefox, Opera, Chrome, or Safari.

The X-Ray Goggles are a bookmarklet—a special kind of tool that can augment any web page.

Here's how to install the goggles bookmarklet so you can inspect and remix anything you see on the web.

1. 
   Enable your browser's bookmarks toolbar by watching this video:
   
   
   
   


2. 
   Drag the X-Ray Goggles up to your bookmarks toolbar.
   
   
   


3. 
   Whenever you want to remix any web page you're visiting, just click on the X-Ray Goggles button in your bookmarks toolbar.
   
   
   

That's all there is to it. Happy webmaking!

X-Ray Goggles

X-Ray Goggles

Remix, make and share webpages instantly.

Sorry, but the goggles don't yet work on Microsoft Internet Explorer.

Until they do, please use the latest version of Firefox, Opera, Chrome, or Safari.

Make your first hack in three easy steps!

1. Copy this URL to your clipboard:
   
   
   
   


2. Activate the X-Ray Goggles.


3. Move your mouse over the image on the right to see what it's made of, and tap R to make it point to the URL from your clipboard!

… And then, the world!

Install the goggles into your bookmarks bar and use them to remix any web page!

Share with friends!

Tap P to publish your hacks and share your creations with your friends.

Become a ninja!

Tap H to learn about more awesome powers like undo/redo and computed style editing.

Achievement Unlocked

Image Source Hacker

Click on an attribute’s value to edit it.

Tap R to change the source code of an element.