Tap R to change the source code of an element.

Tap R to change the source code of an element.

Tap R to change the source code of an element.

Tap R to change the source code of an element.

Tap R to change the source code of an element.

Tap R to change the source code of an element.

Tap R to change the source code of an element.

[{"isExecuted":true,"name":"replacement","selector":" > body:nth-of-type(1) > div#header-and-content:nth-of-type(1) > section#content:nth-of-type(1) > div.wrapper:nth-of-type(1)","html":"<div class=\"wrapper\">\n \n<div id=\"content-header\">\n <h1>F-Ray Goggles</h1>\n <aside>Hacking, It's funny</aside>\n</div>\n\n<noscript>\n &lt;div class=\"alert\"&gt;\n &lt;p&gt;In order to use the goggles, you need to have JavaScript enabled.&lt;/p&gt;\n &lt;p&gt;Please enable it or use a browser that supports it.&lt;/p&gt;\n &lt;/div&gt;\n</noscript>\n<div class=\"alert msie-only\">\n <p>Sorry, but the goggles don't yet work on Microsoft Internet Explorer.</p>\n <p>Until they do, please use the latest version of <a href=\"http://mozilla.org/firefox\">Firefox</a>, Opera, Chrome, or Safari.</p>\n</div>\n\n<div class=\"remix-chamber\"><img src=\"https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash4/306644_252578794858165_856060576_n.jpg\"></div>\n<h1>Make your first hack in three easy steps!</h1>\n<ol>\n <li><p>Copy this URL to your clipboard: \n <input type=\"text\" id=\"image-url\" autocomplete=\"off\" value=\"https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash4/306644_252578794858165_856060576_n.jpg\"></p>\n </li>\n <li><p>Activate the <a id=\"bookmarklet\" href=\"javascript:(function(){var script=document.createElement('script');script.src='http://webxray.hackasaurus.org/webxray.js';script.className='webxray';document.head.appendChild(script);})();\">Hack Me</a>.</p></li>\n <li><p>Move your mouse over the image on the right to see what it's made of, and tap <kbd><span>R</span></kbd> to make it point to the URL from your clipboard!</p></li>\n</ol>\n<div class=\"secondary\">\n <div class=\"blurb\">\n <h1>… And then, the world!</h1>\n <p><a href=\"install/\">Install</a> the goggles into your bookmarks bar and use them to remix <em>any</em> web page!</p>\n </div>\n <div class=\"blurb\">\n <h1>Share with friends!</h1>\n <p>Tap <kbd><span>P</span></kbd> to publish your hacks and share your creations with your friends.</p>\n </div>\n <div class=\"blurb\">\n <h1>Become a ninja!</h1>\n <p>Tap <kbd><span>H</span></kbd> to learn about more awesome powers like undo/redo and computed style editing.</p>\n </div>\n</div>\n\n<!-- Achievements awarded to users when they fix bugs. -->\n\n<div class=\"achievements\">\n <div id=\"url-hacker\" class=\"achievement\" style=\"display: none; \">\n <h3>Achievement Unlocked</h3>\n <p>Image Source Hacker</p>\n </div>\n</div>\n\n<!-- Hints offered to users as they explore the page and UI. -->\n\n<div class=\"hints\">\n <div class=\"remix-dialog-hints\">\n <div class=\"attr hint\">Click on an attribute’s value to edit it.</div>\n </div>\n\n <div class=\"remix hint\">Tap <kbd><span>R</span></kbd> to change the source code of an element.</div>\n</div>\n\n\n </div>","__cmd__":"ReplaceWithCmd"},{"isExecuted":true,"name":"replacement","selector":" > body:nth-of-type(1) > div#header-and-content:nth-of-type(1) > header:nth-of-type(1)","html":"<header class=\"\">\n <div class=\"wrapper\" style=\"backcolor:red\">\n <a href=\"http://hackasaurus.org/en-US/\" style=\"font-size:30px\">You Can Hack</a>\n <ul>\n <li><a href=\"http://hackasaurus.org/en-US/goggles/\">Goggles</a></li>\n <li><a href=\"http://hackasaurus.org/en-US/educators/\">Resources</a></li>\n <li><a href=\"http://hackasaurus.org/en-US/events/\">Events</a></li>\n <li><a href=\"http://hackasaurus.org/en-US/about/\">About</a></li>\n <li><a href=\"http://hackasaurus.org/en-US/blog/\">Blog</a></li>\n </ul>\n <a href=\"http://www.mozilla.org/\" id=\"mozilla\">Mr.[F]</a>\n </div>\n </header>","__cmd__":"ReplaceWithCmd"},{"isExecuted":true,"name":"replacement","selector":" > body:nth-of-type(1) > div#header-and-content:nth-of-type(1) > header:nth-of-type(1)","html":"<header class=\"\">\n <div class=\"wrapper\">\n <a href=\"http://hackasaurus.org/en-US/\" style=\"font-size:30px\">You Can Hack</a>\n <ul>\n <li><a href=\"/en-US/goggles/\">Goggles</a></li>\n <li><a href=\"/en-US/educators/\">Resources</a></li>\n <li><a href=\"/en-US/events/\">Events</a></li>\n <li><a href=\"/en-US/about/\">About</a></li>\n <li><a href=\"/en-US/blog/\">Blog</a></li>\n </ul>\n <a href=\"http://www.mozilla.org/\" id=\"mozilla\">Mr.[F]</a>\n </div>\n </header>","__cmd__":"ReplaceWithCmd"},{"isExecuted":true,"name":"replacement","selector":" > body:nth-of-type(1) > div#header-and-content:nth-of-type(1) > header:nth-of-type(1) > div.wrapper:nth-of-type(1) > a:nth-of-type(1)","html":"<a href=\"http://hackasaurus.org/en-US/\" style=\"\" class=\"\">You Can Hack</a>","__cmd__":"ReplaceWithCmd"},{"isExecuted":true,"name":"replacement","selector":" > body:nth-of-type(1) > div#header-and-content:nth-of-type(1) > header:nth-of-type(1) > div.wrapper:nth-of-type(1) > a:nth-of-type(1)","html":"<a href=\"http://hackasaurus.org/en-US/\" id=\"\" class=\"\">You Can Hack</a>","__cmd__":"ReplaceWithCmd"},{"isExecuted":true,"name":"replacement","selector":" > body:nth-of-type(1) > div#header-and-content:nth-of-type(1) > header:nth-of-type(1) > div.wrapper:nth-of-type(1) > a:nth-of-type(1)","html":"<a href=\"http://hackasaurus.org/en-US/\" id=\"logo\" class=\"\">You Can Hack</a>","__cmd__":"ReplaceWithCmd"},{"isExecuted":true,"name":"replacement","selector":" > body:nth-of-type(1) > div#header-and-content:nth-of-type(1) > header:nth-of-type(1) > div.wrapper:nth-of-type(1) > a#logo:nth-of-type(1)","html":"<a href=\"/en-US/\" id=\"logo\" class=\"\">Hackasaurus</a>","__cmd__":"ReplaceWithCmd"},{"isExecuted":true,"name":"replacement","selector":" > body:nth-of-type(1) > div#header-and-content:nth-of-type(1) > section#content:nth-of-type(1) > div.wrapper:nth-of-type(1) > ol:nth-of-type(1) > li:nth-of-type(1) > p:nth-of-type(1) > input#image-url:nth-of-type(1)","html":"<input type=\"text\" id=\"image-url\" autocomplete=\"off\" value=\"http://seriouscat.com/serious_cat_is_serious.jpg\" class=\"\">","__cmd__":"ReplaceWithCmd"},{"isExecuted":true,"name":"replacement","selector":" > body:nth-of-type(1) > div#header-and-content:nth-of-type(1) > header:nth-of-type(1) > div.wrapper:nth-of-type(1) > a#mozilla:nth-of-type(2)","html":"<a href=\"http://www.mozilla.org/\" id=\"mozilla\" class=\"\">Mozilla</a>","__cmd__":"ReplaceWithCmd"},{"isExecuted":true,"name":"replacement","selector":" > body:nth-of-type(1) > div#header-and-content:nth-of-type(1) > section#content:nth-of-type(1) > div.wrapper:nth-of-type(1) > div.remix-chamber:nth-of-type(3) > img:nth-of-type(1)","html":"<img src=\"http://seriouscat.com/serious_cat_is_serious.jpg\" class=\"\">","__cmd__":"ReplaceWithCmd"},{"isExecuted":true,"name":"replacement","selector":" > body:nth-of-type(1) > div#header-and-content:nth-of-type(1) > section#content:nth-of-type(1) > div.wrapper:nth-of-type(1) > div#content-header:nth-of-type(1) > aside:nth-of-type(1)","html":"<aside class=\"\">Remix, make and share webpages instantly.</aside>","__cmd__":"ReplaceWithCmd"},{"isExecuted":true,"name":"replacement","selector":" > body:nth-of-type(1) > div#header-and-content:nth-of-type(1) > section#content:nth-of-type(1) > div.wrapper:nth-of-type(1) > div#content-header:nth-of-type(1) > h1:nth-of-type(1)","html":"<h1 class=\"\">X-Ray Goggles</h1>","__cmd__":"ReplaceWithCmd"},{"isExecuted":true,"name":"replacement","selector":" > body:nth-of-type(1) > div#header-and-content:nth-of-type(1) > section#content:nth-of-type(1) > div.wrapper:nth-of-type(1) > ol:nth-of-type(1) > li:nth-of-type(2) > p:nth-of-type(1) > a#bookmarklet:nth-of-type(1)","html":"<a id=\"bookmarklet\" href=\"javascript:(function(){var script=document.createElement('script');script.src='http://webxray.hackasaurus.org/webxray.js';script.className='webxray';document.head.appendChild(script);})();\" class=\"\">X-Ray Goggles</a>","__cmd__":"ReplaceWithCmd"},{"isExecuted":true,"name":"replacement","selector":" > body:nth-of-type(1) > div#header-and-content:nth-of-type(1) > section#content:nth-of-type(1) > div.wrapper:nth-of-type(1) > div.remix-chamber:nth-of-type(3) > img:nth-of-type(1)","html":"<img src=\"/images/goggles/supergirl.png\" class=\"\">","__cmd__":"ReplaceWithCmd"}]