HTML Decoder
HTML Decoder

Submission

Mr.F

Hackasaurus

F-Ray Goggles

Hacking, It's funny
<div class="alert"> <p>In order to use the goggles, you need to have JavaScript enabled.</p> <p>Please enable it or use a browser that supports it.</p> </div>

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 Hack Me.

  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.

Follow and tweet

Have you published your first hack yet? Share it on Twitter with the tag #hackasaurus!

Other Languages

中文 (台湾) 中文 (中国) shqipe français polski English (United States) español Deutsch עברית italiano català hrvatski Nederlands 日本語 Српски <ul class="noscript-language-selector"> <li><a href="/zh-TW/">中文 (台湾)</a></li> <li><a href="/zh-CN/">中文 (中国)</a></li> <li><a href="/sq/">shqipe</a></li> <li><a href="/fr/">français</a></li> <li><a href="/pl/">polski</a></li> <li><a href="/en-US/">English (United States)</a></li> <li><a href="/es/">español</a></li> <li><a href="/de/">Deutsch</a></li> <li><a href="/he/">עברית</a></li> <li><a href="/it/">italiano</a></li> <li><a href="/ca/">català</a></li> <li><a href="/hr/">hrvatski</a></li> <li><a href="/nl/">Nederlands</a></li> <li><a href="/ja/">日本語</a></li> <li><a href="/sr/">Српски</a></li> </ul>

Legal

©2011 by individual mozilla.org contributors. Content available under a Creative Commons license.
<div><img alt="DCSIMG" id="DCSIMG" width="1" height="1" src="http://statse.webtrendslive.com/dcsql8mskuz5bdiwy3g2ms442_6d1l/njs.gif?dcsuri=/nojavascript&amp;WT.js=No&amp;WT.tv=8.6.2"/></div>
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.
1TuDien.com
Không tìm thấy kết quả. Bạn vui lòng tìm thử từ khác hoặc thử sử dụng chức năng Dịch văn bản tại đây.
[{"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"}]
hackpubInfo = {"injectURL":"http://webxray.hackasaurus.org/published-hack/injector.js","originalURL":"http://hackasaurus.org/en-US/goggles/","submissionDate":"Fri Jul 20 2012 21:01:20 GMT+0700 (SE Asia Standard Time)"}
Link to work submitted


Progress:

  • Received 3 reviews of the 2 reviews needed.
  • The posted reviews give this work submission a total average score of 1.00 (needs to be at least 3 for the badge to be awarded).



Reviews