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

Updated on: January 12, 2019

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.

Firefox Hackasaurus Tools


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.

Hackasaurus Drag Drop Bookmark

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

Hackasaurus Mozilla Bookmark toolbar

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

Clicking Hackasaurus bookmark

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.

Activated script of Hackasaurus Mozilla Firefox

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.

Popup window for Hackasaurus edit

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 )

POP up facebook

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"

Publish your edited  Hackasaurus

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]

Firefox Tools
Post Tags: #Firefox languages #Hackasaurus #Mozilla Firefox tools #x-ray goggles
Saurabh Mukhekar
Saurabh Mukhekar is a Professional Tech Blogger. World Traveler. He is also thinker, maker, life long learner, hybrid developer, edupreneur, mover & shaker. He's captain planet of BlogSaays and seemingly best described in rhyme. Follow Him On Facebook

Leave a Reply

Your email address will not be published. Required fields are marked *

  1. Hackasaurus is an open source toolkit that helps students see and begin to play with the building blocks of the web.

  2. Hi, this weekend is nice in support of me, for the reason that this
    occasion i am reading this wonderful educational piece of writing
    here at my house.

  3. Hi there I am so happy I found your blog, I really found you by error, while I was browsing on Aol for something
    else, Anyways I am here now and would just like
    to say kudos for a incredible post and a all round entertaining blog (I also love the
    theme/design), I don't have time to read through it all at the minute but I have saved it and also included
    your RSS feeds, so when I have time I will be back to read a lot more, Please do
    keep up the superb work.

Share via
Copy link