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.
[mythcat@desk ~]$ cd projects/
[mythcat@desk projects]$ git clone https://github.com/mdn/webextensions-examples.git
Cloning into 'webextensions-examples'...
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.