Firefox Tools
Development tools
All you need to create extensions for Firefox is atext editor anda version of Firefox to support your testing. Mozilla and the Firefox extension developer community have also created a number ofextension development tools that can simplify the coding and testing of your extension.
Chromium-based browser extensions
Get familiar with thewebextension-polyfill library if you’re planning on developing for both Firefox and chromium based browsers.
This enables you to switch between the different Firefox and chromium based namespaces and asynchronous call handling methods for each type of browser.
web-ext command line tool
The web-ext tool can help you by:
- providing features to automatically reload your extension preview as the code changes
- assist with debugging
- create extension packages, and more
User Experience
Having an exceptional user experience is crucial to attracting, and retaining, users of your extension.
RememBear is a great example of an extension with an outstanding user experience.
Make a great first impression
Focus on a slickonboarding flow that gets users up to speed with your extension quickly.
If your extension collects user data during onboarding, make sure you follow thebest practices for collecting user data consent. And, it’s important that yourequest the right permissions.
Put your user first
Keep your users engaged and follow theuser experience best practices. And, don’t forget tobuild an accessible extension, so that everyone can make use of it.
Lastly,building a secure extension is fundamental to delivering an excellent user experience.
Define your value proposition
Users are less likely to install an extension if they don’t understand what it does and what value it adds to their browsing experience.
Find out best practices for putting your best foot forward with your extension.
Firefox for Android
Understanding how to develop extensions for Android
To offer your extension to Firefox for Android users, you need to consider somedifferences between Firefox for the desktop and Android.
Get started with everything you need to know aboutdeveloping for Firefox for Android.
Creating browser experiences for Android apps
If you develop Android apps, when you want to include a browser experience in your app you can take advantage of the browser engine that underpins Firefox using theGeckoView Extensions Android library.
Port to Firefox
Bring your Chrome extension to Firefox
The Firefox extension environment is highly compatible with chromium-based extension technology. Your extension might already be capable of running on Firefox, or need only a few changes.
Check out ourporting guide to get started.
Test and debug
Make sure your extension is running right
Test anddebug your code bytemporarily installing it in Firefox.
Understandingextensions and the Add-on ID will help you test more effectively. You will also want totest persistent and restart features along withpermission requests.
You can useweb-ext to automatically install and update your extension while making coding changes.
Contributors: caitmuenster
Last update: caitmuenster
Up Next
Develop
Unique Firefox Capabilities
Develop
Firefox workflow overview
Develop