This repository is a collection of DevTools extension examples, demonstrating how to build add-ons for Firefox DevTools using the WebExtensions APIs.
To install and run any of the add-ons in this repository, follow the instructions for temporary installation in Firefox.
This is the developer way of doing it, and is not the way users of your add-ons will use.
If you're new to the WebExtensions + DevTools world, we recommend you look at the add-ons in the following order. Each directory contains a README file with more information related to that add-on.
Shows how to create a new panel in DevTools.
Demonstrates how to evaluate scripts in the inspected window (i.e. the content scope).
(Work in progress)
Demonstrates how to communicate among different scopes.
- The webextensions-examples repository has a lot of examples demonstrating how to build WebExtensions, and also great documentation.
- Look at bug 1211859 - Implement devtools API for open extension API to track progress on Firefox implementation.
- WebExtension Experiments is a repository with more adventurous examples.
- Media Panel: a WebExtension to add a Media panel to DevTools.