Web X-Ray Goggles

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><h2><br />Getting Started</h2><br />If you've never used the <a class="zem_slink" href="http://en.wikipedia.org/wiki/Goggles" rel="wikipedia nofollow" target="_blank" title="Goggles">goggles</a> before, you should start out with the <a href="http://toolness.github.com/hackasaurus-parable/">Parable of The Hackasaurus</a>.<br /><br /><h2><br />Reference</h2><br />Here's the bookmarklet: <b><span style="color: blue;"><span style="background-color: #f4cccc;"><a href="javascript:(function(){var%20script=document.createElement('script');script.src='http://webxray.hackasaurus.org/webxray.js';script.className='webxray';document.head.appendChild(script);})();" id="bookmarklet-link">Web X-Ray Goggles</a>.</span></span></b><br /><br /><br /><br /><br /><br /><br /><br />Note that if you're on a <a class="zem_slink" href="http://en.wikipedia.org/wiki/Mobile_browser" rel="wikipedia nofollow" target="_blank" title="Mobile browser">mobile browser</a>, you may need to manually create a bookmark to the following <a class="zem_slink" href="http://en.wikipedia.org/wiki/Uniform_resource_locator" rel="wikipedia nofollow" target="_blank" title="Uniform resource locator">URL</a>:<br /><br /><br /><br /><textarea style="height: 47px; width: 100%;">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

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><br /><br /><section class="sidebar"><br /> <header><h2><br />X-Ray Goggles</h2><br /></header><br /> <div class="content"><br /><h3><br />Make your first hack in three easy steps!</h3><br /><ol class="steps"><br /><li>Copy this URL to your clipboard: <input autocomplete="off" style="display: block; width: 100%;" type="text" value="http://seriouscat.com/serious_cat_is_serious.jpg" /></li><br /><li>Activate the <a class="button no-arrow" href="javascript:(function(){var%20script=document.createElement('script');script.src='http://webxray.hackasaurus.org/webxray.js';script.className='webxray';document.head.appendChild(script);})();">X-Ray Goggles</a></li><br /><li>Move your mouse over the image on the right to see what it's made of, and tap <kbd>R</kbd> to make it point to the URL from your clipboard!</li><br /></ol><br /></div><br /><aside><br /> <img alt="Supergirl" src="https://webmaker.org/media/img/tools/supergirl.png" title="" width="285" /><br /> </aside><br /></section><br /><br /><br /><br /><div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"><br /><img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=65c741d5-378a-4401-a4b5-c7f80bd592df" style="border: none; float: right;" /></div><br /></div><br />

X-Ray Goggles

X-Ray Goggles Make your first hack in three easy steps! Copy this URL to your clipboard: Activate the X-Ray Goggles Move your mouse ...

Baca selengkapnya »

Installing X-Ray Goggles

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><br /><br /><section><br /> <header><h2><br />Installing X-Ray Goggles</h2><br /></header><br /> <div class="content"><br /><noscript><br /> <div class="alert"><br /> <p><br />In order to use the goggles, you need to have JavaScript enabled.</p><br /><p><br />Please enable it or use a browser that supports it.</p><br /></div><br /></noscript><br /><br /> <br /><br /><div class="alert msie-only" style="display: none;"><br />Sorry, but the <a class="zem_slink" href="http://en.wikipedia.org/wiki/Goggles" rel="wikipedia" title="Goggles">goggles</a> don't yet work on <a class="zem_slink" href="http://www.microsoft.com/windows/internet-explorer/" rel="homepage" title="Internet Explorer">Microsoft Internet Explorer</a>.<br /><br />Until they do, please use the latest version of <a href="http://mozilla.org/firefox">Firefox</a>, <a class="zem_slink" href="http://www.opera.com/" rel="homepage" title="Opera">Opera</a>, <a class="zem_slink" href="http://www.google.com/chrome" rel="homepage" title="Google Chrome">Chrome</a>, or <a class="zem_slink" href="http://https//www.apple.com/safari" rel="homepage" title="Safari (web browser)">Safari</a>.</div><br />The X-Ray Goggles are a <i>bookmarklet</i>—a special kind of tool that can augment any <a class="zem_slink" href="http://en.wikipedia.org/wiki/Web_page" rel="wikipedia" title="Web page">web page</a>.<br /><br />Here's how to install the goggles bookmarklet so you can inspect and remix anything you see on the web.<br /><br /><ol class="steps"><br /><li><br /> Enable your browser's <a class="zem_slink" href="http://en.wikipedia.org/wiki/Bookmark_%28World_Wide_Web%29" rel="wikipedia" title="Bookmark (World Wide Web)">bookmarks</a> <a class="zem_slink" href="http://en.wikipedia.org/wiki/Toolbar" rel="wikipedia" title="Toolbar">toolbar</a> by watching this video:<br /><br /><br /> <video controls="" src="http://videos-cdn.mozilla.net/serv/labs/hackasaurus/Toolbar-Win7-FF7.webm" style="width: 100%;" tabindex="0"></video><br /> </li><br /><li><br /> Drag the <a class="button no-arrow" href="javascript:(function(){var%20script=document.createElement('script');script.src='http://webxray.hackasaurus.org/webxray.js';script.className='webxray';document.head.appendChild(script);})();">X-Ray Goggles</a> up to your bookmarks toolbar.<br /><br /><br /> </li><br /><li><br /> Whenever you want to remix any web page you're visiting, just click on the X-Ray Goggles button in your bookmarks toolbar.<br /><br /><br /> </li><br /></ol><br />That's all there is to it. Happy webmaking!</div><br /></section><br /><br /><br /><br /><div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"><br /><img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=65c741d5-378a-4401-a4b5-c7f80bd592df" style="border: none; float: right;" /></div><br /></div><br />

Installing X-Ray Goggles

Installing X-Ray Goggles In order to use the goggles, you need to have JavaScript enabled. Please enable...

Baca selengkapnya »

X-Ray Goggles

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><div class="wrapper"><br /><div id="content-header"><br /><b>X-Ray Goggles</b><br /><br /><aside>Remix, make and share webpages instantly.</aside><br /></div><br /><noscript><br /> <div class="alert"><br /> <p><br />In order to use the goggles, you need to have JavaScript enabled.</p><br /><p><br />Please enable it or use a browser that supports it.</p><br /></div><br /></noscript><br /><br /><br /><div class="alert msie-only"><br />Sorry, but the goggles don't yet work on Microsoft Internet Explorer.<br /><br />Until they do, please use the latest version of <a href="http://mozilla.org/firefox">Firefox</a>, Opera, Chrome, or Safari.</div><br /><div class="remix-chamber"><br /><img src="http://hackasaurus.org/images/goggles/supergirl.png" /></div><br /><h1><br />Make your first hack in three easy steps!</h1><br /><ol><br /><li>Copy this URL to your clipboard: <br /> <input autocomplete="off" id="image-url" type="text" value="https://x-ray-goggles.mouse.org/" /><br /><br /><br /> </li><br /><li>Activate the <a href="javascript:(function () {var script=document.createElement('script');script.src='https://x-ray-goggles.mouse.org/webxray.js';script.className='webxray';script.setAttribute('data-lang','en-US');script.setAttribute('data-baseuri','https://x-ray-goggles.mouse.org');document.body.appendChild(script);}())" id="bookmarklet">X-Ray Goggles</a>.</li><br /><li>Move your mouse over the image on the right to see what it's made of, and tap <kbd>R</kbd> to make it point to the URL from your clipboard!</li><br /></ol><br /><div class="secondary"><br /><div class="blurb"><br /><h1><br />… And then, the world!</h1><br /><a href="http://hackasaurus.org/en-US/goggles/install/">Install</a> the goggles into your bookmarks bar and use them to remix <i>any</i> web page!</div><br /><div class="blurb"><br /><h1><br />Share with friends!</h1><br />Tap <kbd>P</kbd> to publish your hacks and share your creations with your friends.</div><br /><div class="blurb"><br /><h1><br />Become a ninja!</h1><br />Tap <kbd>H</kbd> to learn about more awesome powers like undo/redo and computed style editing.</div><br /></div><br /><!--Achievements awarded to users when they fix bugs.--><br /><br /><br /><br /><div class="achievements"><br /><div class="achievement" id="url-hacker"><br /><h3><br />Achievement Unlocked</h3><br />Image Source Hacker</div><br /></div><br /><!--Hints offered to users as they explore the page and UI.--><br /><br /><br /><br /><div class="hints"><br /><div class="remix-dialog-hints"><br /><div class="attr hint"><br />Click on an attribute’s value to edit it.</div><br /></div><br /><div class="remix hint"><br />Tap <kbd>R</kbd> to change the source code of an element.</div><br /></div><br /></div><br /><div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"><br /><img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=65c741d5-378a-4401-a4b5-c7f80bd592df" style="border: medium; float: right;" /></div><br /></div><br />

X-Ray Goggles

X-Ray Goggles Remix, make and share webpages instantly. In order to use the goggles, you need to have JavaScript enabled. Please enabl...

Baca selengkapnya »