26 results for tag “webextensions”
Testing persistent and restart features
Testing persistent and restart features When testing your extension, you may notice that some features reset themselves or stop working when you load an updated version or after you restart Firefox. For example, you may be using local storage and notice that previously saved...
Porting a legacy Firefox extension
Porting a legacy Firefox extension If you have developed a Firefox extension using XUL/XPCOM or the Add-on SDK, this page will help you migrate your extension to use WebExtensions APIs. The standard to build extensions for Firefox is to use WebExtensions APIs. It will...
Comparison with the Add-on SDK
Comparison with the Add-on SDK This article is a technical comparison of the Add-on SDK and WebExtensions technology. It's intended to help orient people who have an add-on that uses the SDK, and who are planning to port it to use WebExtension APIs. Support...
Comparison with XUL/XPCOM extensions
Comparison with XUL/XPCOM extensions This article is a technical comparison between the WebExtensions technology and "classic" extensions developed using direct XUL manipulation and direct access to XPCOM. It's intended to help orient people who maintain an add-on like this, and who are planning to...
Test permission requests
Test permission requests Your extension may contain two types of permission request: install time and runtime permission requests. This page explains how you can test the way your users will see requests for these permissions. Contents Permission grant behavior during testingObserve or verify install...
Best practices for collecting user data consents
Build an accessible extension
Accessibility guidelines When it comes to accessibility, extensions should follow the same guidelines as websites. However, extensions have unique features that deserve consideration when designing for accessibility. Here is a breakdown of extension features and how they should be used to make an extension...
Submitting an add-on
Submitting an add-on This article walks through the process of publishing an add-on. If you just want to get started, head to the Submit a New Add-on page on AMO. Contents Listing on AMOSelf-distributionGet help To start, familiarize yourself with the Add-on Policies and...
Porting a Google Chrome extension
Porting a Google Chrome extension The browser extension APIs are designed to promote cross-browser compatibility among extensions. The WebExtension APIs is therefore, to a large extent, code-compatible with the extension API supported by Google Chrome and Opera. Extensions written for these browsers will, in...
Browser compatibility Contents NamespaceAsynchronousAPI CoverageManifest keysMore information While work continues to standardize the APIs used for browser extension development, there remain differences between Chromium-based browsers—such as Chrome, Opera, and the Chromium-based Microsoft Edge—and Firefox. These differences, summarized on this page, include: Namespace: In Chromium-based...
About the WebExtensions API
About the WebExtensions API WebExtension APIs provide a user-controlled, web-focused extension development platform used to extend the features of Firefox. The APIs strike a balance between the functionality extensions bring to Firefox and the risks they introduce to the user experience. Designed to offer...
Extensions and the Add-on ID
Extensions and the add-on ID Firefox add-ons contain a unique ID which is used to distinguish this add-on from any other Firefox add-on. This article describes how add-on IDs are handled for extensions that are built with WebExtensions APIs. Firefox add-ons contain a unique...
What does review rejection mean to users?
What does review rejection mean to users? This article explains how users and people looking for your extension are affected should you get a rejection from the Mozilla review process. Contents Review overviewImpact of review rejectionBlocklisting Review overview Any extension you submit to addons.mozilla.org...
Temporary installation in Firefox
Temporary installation in Firefox This article describes how you can temporarily install an extension in Firefox for testing and debugging. The extension stays installed until you remove it or restart Firefox. For extension development, automate the processes described on this page by using web-ext....
Debugging This article explains how to use the Firefox developer tools to debug extensions. An extension can consist of several components—background scripts, popups, options pages, content scripts, sidebars, and alike—and you'll use slightly different workflows to debug each component. Each component has a section...
Browser Extension Development Tools
Browser Extension Development Tools Mozilla and the Firefox browser extension developer community have created a range of tools that can simplify and speed up your browser extension development. This page provides a summary of those tools including details on the features each offers, how...
Firefox workflow overview
Firefox workflow overview Prepare Code Publish* Enhance Retire Choose a Firefox version for web extension development Code your extension Package your extension with web-ext build Responded to Mozilla extension review Retire your extension Choose your IDE or code editor Run your extension with web-ext...
Onboard, upboard, offboard users
Best practices for onboarding, upboarding, and offboarding users The first few minutes after someone installs your extension can be critical to its success. Your new user needs to know where to start and how to use the features of your browser extension. Contents OnboardingUpboardingOffboarding...
Unique Firefox Capabilities
Unique Firefox Capabilities Take advantage of features unique to Firefox to extend the Web even further. Firefox is a great place to begin your browser extension development. To start, you get the highest compliance with the proposed browser extension API including use of the...
Build a secure extension
Security best practices Here is a list of best practices you should follow to keep the users of your extension safe. If you don't follow these best practices your extension may fail the reviews on addons.mozilla.org (AMO), preventing you from distributing your add-on or...
Developing extensions for Firefox for Android (Fennec)
Developing extensions for Firefox for Android version 68 and earlier Legacy guide to developing extensions for Firefox for Android version 68 and earlier ("Fennec") Contents Set up your computer and Android emulator or deviceSet up your computer and Android emulator or deviceCheck for Firefox...
Developing extensions for Firefox for Android
Developing extensions for Firefox for Android Learn more about developing extensions for Firefox for Android Contents Set up your computer and Android emulator or deviceCheck for Firefox for Android compatibilityInstall and run your extension in Firefox for AndroidDebug your extension In August 2020, Mozilla...
Differences between desktop and Android extensions
Differences between desktop and Android extensions There are some important distinctions to know when developing an extension for Android Contents IntroductionUser interfaceNative application interactionPermissionsOther notes In August 2020, Mozilla launched a new, reimagined Firefox for Android experience (codenamed "Fenix"). The browser for Android has...
Differences between desktop and Android extensions
User Experience Guidelines for Mobile Extensions Make your extension seamlessly integrate with Firefox for Android Contents IntroductionThe basicsThe extra mileThe last mile Introduction In August 2020, Mozilla launched a new, reimagined Firefox for Android experience (codenamed "Fenix"). The browser for Android has been rebuilt...
Join the developer community Tap into the worldwide network of Firefox developers help improve the Firefox add-ons ecosystem. Contents Who is part of the community? Connect with the community Get involved in the community Who is part of the community? Firefox extension developers are...
web-ext command reference
web-ext command reference This page lists all the commands and options available under the web-ext command line tool. Contents CommandsGlobal optionsSetting option environment variablesSee also Commands web-ext has the following commands; options specific to these commands are included as subsections. web-ext build Packages an...