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
[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]