Hackasaurus X-Ray Goggles:Great Mozilla Firefox tool for Developers

Now a days Mozilla Firefox is becoming more and more productive.The reason is  now they are non-profit organization with lots of open API’s. yes I can  say this is  the rapid power of Open-Source  :). Consistently Mozilla releasing their product updates with lots of improvement and functionality w.r.t developers .That’s why I am proud to be a Mozilla Firefox Campus Representative.In previous release Mozilla included 3D web experience which is really appreciable from their end.

Now they come with a tool that can easily customize/modify  any web-pages  within click. No need to go with source code and all 🙂 Hackasaurus X-Ray Goggles is the  name of that tool which  help you to remix your page and share it instantly.This tool is nothing but a Script which is pointing to a  source code data of any page with enhance UI,so that you can remix any page quickly & share it across the web.Mozilla is considering it as teen hack tool but after using it I realize it is most useful for static web-developers  🙂

Why we need  such type of tool:

1. For rapid development of project.

2. Easy customization.

3. For debugging & testing any layout.

Tools used in Hackasaurus

1. X-Ray Goggles

2. HTML Pad

Their are more similar tools like this e.g JSFiddle etc present,but as its a part of Mozilla you don’t need to avail any third party service.Currently its in Testing mode,bu you can still get an experience of same.

How to use Hackasaurus:

Step1. Navigate to Hackasaurus install  url

Step2. Now hover your cursor to ‘X-ray Goggles’ button & drag & drop it into your bookmark toolbar.

Step3. If you don’t see bookmark toolbar then check it from View->Toolbar->check ‘Bookmark toolbar‘

Step4. Now open a page that you want to edit,I choose Google & click  on book mark of Hackasaurus

Step5. Your browser shows many options according to your cursor movemnets,its nothing but field that you are going to edit very easily 🙂 So I choose to edit google home page logo.

Step6. I clicked on that google logo then a pop-up screen editor appear and in that I put new image URL of logo i.e Facebook image 🙂 & apply changes.

Step7. You can’t believe how it look like,check below image & have a fun 🙂 (Note: We are not violating any policy of Google,its just for demonstration )

Step8.  Now you can publish it or get edited source code,to do this simply press “P” when u done with all modifications. see this url for fun ” poof.hksr.us/oarggccy”

Hackasaurus is good for all ways ,but if you are going to edit large data size field then it failed to do 🙁 hope in stable version they will fix this issue.

Note: This script is work with Chrome also,but its a part of mozilla  🙂

Now you can explore Mozilla in 70 languages, Mozilla Firefox Languages 

[yframe url=’https://www.youtube.com/watch?v=L_8rRDvlOl0′]

[note]If you are web-developer then I assure you ,that you will like this tools,if you have any suggestion or some queries related to this then we are happy to hear all of of them [/note]