Running WebExtension in Firefox

August 26, 2016

In this post we will be exploring more how to run an Firefox WebExtensions. In last post I was writing about Getting Started with WebExtension. Just read it before starting, so you can config your browser accordingly.

I will be showing this demo with the help of the small extension I have written before, feel free to download it from github, you can clone whole repo. I personally use web-ext tool for packing my extension, but for basic learning it is not mandatory.

Step1: Go to the directory which has contents of Extension

In my case it will look like the below. The content showed below is the contents of Extension, which the link is shared above.

Directory Image

Step 2: We have to compress all the contents into Zip

  • Select all the folders and files
  • Make it to a zip, anyname.zip

Directory Image

Step 3: Open about:addons

Directory Image

Step 4: Install Addons

  • Click on Tools for all add-ons (the icon - which is like Setting icon )
  • Select Install Add-on From File ..
  • Make sure you have set the file type to all files
  • Choose the Zip which you created in step 2

Choose the Zip file

  • You will get a pop-up notification after selecting at left croner

Choose the Zip file

  • In that pop-up click Install button
  • Now your Extension is installed.

Step 5: Run the Extension

For most of Extensions you will get the icon in the tool bar itself. So for this a page like icon will be coming at toolbar, if every code is run properly. Click on that icon.

Choose the Zip file

So on Selecting any one of the three websites, it will open a new tab and open the site. As of now it is in static mode.

In future, based on user usage we can show top 3 websites there.

Follow for more amazing extensions.

Read Other Related Posts about : Add-ons

  • Creating Simple Easy Searcher Using ContextMenu
  • Simple Alarm with Notification
  • Simple Tab Closing Addon using WebExtension API
  • Comments

    comments powered by Disqus