Menu

1 / 2

How to Test Firefox Extensions Without Publishing: Local Development Tips

DEV Community·Weather Clock Dash·6 months ago
#FHUjdmyz
Reading 0:00
15s threshold

How to Test Firefox Extensions Without Publishing: Local Development Tips

Publishing to AMO every time you want to test a change is slow and painful. Here's the full toolkit for local development.

Temporary Add-on Loading

The fastest way to load your extension:

Open Firefox and go to about:debugging

Click This Firefox in the left sidebar

Click Load Temporary Add-on...

Navigate to your extension folder and select manifest.json

The extension is loaded immediately. It disappears when Firefox restarts, but stays active during the session.

Auto-Reload on File Changes

Manually clicking "Reload" in about:debugging is tedious. Use web-ext for auto-reload:

npm install --save-dev web-ext

# Auto-reload on any file change npx web-ext run --source-dir . --watch

# Or add to package.json scripts

Enter fullscreen mode

Exit fullscreen mode

{ "scripts" : { "dev" : "web-ext run --source-dir ." , "build" : "web-ext build --source-dir .…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.