Skip to content

Firefox WebExtension Development Guide

Jump to bottom
Federico Brigante edited this page Jul 16, 2021 · 2 revisions

This article is a stub

Debugging

Background page

  1. Visit about:debugging#/runtime/this-firefox
  2. Click "Inspect" on this extension
Screen Shot

Dev Tools page and panel

  1. Follow the steps for the background page
  2. Click the "change iframe" button
  3. Here you will also have access to the HTML page’s DOM
Screen Shot

Behaviors

Dev Tools

These are not specific to Firefox

  • The devtools.html page is loaded once per tab as soon a you open the dev tools (any tab)
  • The devtoolsPanel.html page is loaded only once the tab is selected
Clone this wiki locally