WebExtensions API – Load an extension in Firefox browser.

By | 25/01/2020

You can use WebExtensions API to extend the browser’s built-in developer tools.
Today I will show you how to test the web extensions-examples from GitHub.

The next steps are to run it with the Firefox browser:

  • open Firefox browser;
  • enter about:debugging in the URL bar;
  • use click on the This Firefox;
  • use click on the Load Temporary Add-on;
  • open the extension’s directory and select any file inside the extension;

I use the devtools-panels folder and I load the manifest.json file.
This load the extension and you can test by press the F12 key to see the dev tool and you’ll see a tab named My Panel.
In this video tutorial from Mozilla Hacks youtube channel, you will see the same steps to load the extension.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.