CINXE.COM
Developer Hub :: Add-ons for Firefox
<!DOCTYPE html> <html lang="en-US" dir="ltr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Developer Hub :: Add-ons for Firefox</title> <link rel="shortcut icon" type="image/x-icon" href="https://addons.thunderbird.net/static/img/favicon.ico?b=58a99cbb-667a0970"> <link title="Firefox Add-ons" rel="search" type="application/opensearchdescription+xml" href="/EN-uS/thunderbird/opensearch.xml" /> <link rel="stylesheet" media="all" href="https://addons.thunderbird.net/static/css/devhub/new-landing/css-min.css?build=18b5ff6" /> <script src="https://addons.thunderbird.net/static/js/preload-min.js?build=58a99cbb-667a0970"></script> </head> <body class="html-ltr firefox " > <nav class="DevHub-Navigation content scheme-medium"> <div> <ul> <li> <a href="/EN-uS/developers/" class="Logo "> <span>Add-on Developer Hub</span> </a> </li> <li class="hide-on-desktop"><a href="https://developer.mozilla.org/en-US/Add-ons"> Docs </a></li> <li class="show-on-desktop"><a href="https://developer.mozilla.org/en-US/Add-ons"> Documentation </a></li> <li><a href="https://developer.mozilla.org/en-US/Add-ons#Contact_us"> Support </a></li> <li><a href="https://blog.mozilla.org/addons/"> Blog </a></li> <li class="show-on-desktop DevHub-Navigation-Register"> <a href="https://oauth.accounts.firefox.com/v1/authorization?action=signup&scope=profile&state=917dcb3eac0a7da4367fe7b6947ab3f1bca69ac6218678792fee724c7a69fbc0%3AL0VOLXVTL2RldmVsb3BlcnMv&redirect_url=https%3A%2F%2Faddons.thunderbird.net%2Fapi%2Fv3%2Faccounts%2Fauthenticate%2F&client_id=25691f3bf98f8ea8">Register</a> or <a href="https://oauth.accounts.firefox.com/v1/authorization?action=signin&scope=profile&state=917dcb3eac0a7da4367fe7b6947ab3f1bca69ac6218678792fee724c7a69fbc0%3AL0VOLXVTL2RldmVsb3BlcnMv&redirect_url=https%3A%2F%2Faddons.thunderbird.net%2Fapi%2Fv3%2Faccounts%2Fauthenticate%2F&client_id=25691f3bf98f8ea8">Sign In</a> </li> </ul> </div> </nav> <section class="DevHub-Overview content scheme-medium"> <div> <h1>Customize Firefox</h1> <p> Add-ons let millions of Firefox users enhance their browsing experience. If you know <a href="https://developer.mozilla.org/en-US/docs/Web/HTML">HTML</a>, <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript">JavaScript</a>, and <a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a>, you already have all the necessary skills to make a great add-on. </p> <a href="https://developer.thunderbird.net/add-ons/about-add-ons" class="Button Button--primary">Learn How to Make an Add-on</a> </div> </section> <section class="DevHub-port-chrome content scheme-light"> <div class="DevHub-content-container"> <div class="DevHub-content-copy"> <h2 class="DevHub-content-header">Port a Chrome Extension</h2> <p> Firefox supports WebExtension APIs, which in most cases are compatible with the extension APIs supported by Chrome, Opera and Edge, so your extensions will run in Firefox with just a few changes. </p> <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Porting_a_Google_Chrome_extension" class="Button">Learn How</a> </div> <div class="DevHub-content-image-wrapper DevHub-content-image-wrapper--port-chrome"> <img class="DevHub-content-image" src="https://addons.thunderbird.net/static/img/developers/new-landing/port-chrome.svg" alt="" /> </div> </div> </section> <section class="DevHub-publish-addon content scheme-default"> <div class="DevHub-content-container"> <div class="DevHub-content-image-wrapper DevHub-content-image-wrapper--publish-addon"> <img class="DevHub-content-image DevHub-content-image--publish-addon" src="https://addons.thunderbird.net/static/img/developers/new-landing/publish-my-addon.png" srcset="https://addons.thunderbird.net/static/img/developers/new-landing/publish-my-addon.png 1x, https://addons.thunderbird.net/static/img/developers/new-landing/publish-my-addon-2x.png 2x" alt="" /> </div> <div class="DevHub-content-copy"> <h2 class="DevHub-content-header">Publish Your Add-on</h2> <p> Have an add-on ready? Submit your extension or theme to be listed on addons.mozilla.org or sign and distribute your extension on your own. </p> <a href="https://oauth.accounts.firefox.com/v1/authorization?action=signin&scope=profile&state=917dcb3eac0a7da4367fe7b6947ab3f1bca69ac6218678792fee724c7a69fbc0%3AL0VOLXVTL2RldmVsb3BlcnMv&redirect_url=https%3A%2F%2Faddons.thunderbird.net%2Fapi%2Fv3%2Faccounts%2Fauthenticate%2F&client_id=25691f3bf98f8ea8" class="Button">Sign In</a> </div> </div> </section> <section class="DevHub-manage-your content scheme-light"> <div class="DevHub-content-container DevHub-content-container--manage"> <div class="DevHub-content-copy DevHub-content-copy--manage"> <h3 class="DevHub-content-header DevHub-content-header--manage">Manage Your Add-on</h3> <a href="https://oauth.accounts.firefox.com/v1/authorization?action=signin&scope=profile&state=917dcb3eac0a7da4367fe7b6947ab3f1bca69ac6218678792fee724c7a69fbc0%3AL0VOLXVTL2RldmVsb3BlcnMv&redirect_url=https%3A%2F%2Faddons.thunderbird.net%2Fapi%2Fv3%2Faccounts%2Fauthenticate%2F&client_id=25691f3bf98f8ea8" class="Button">Sign In to Edit and Update Your Add-on</a> </div> <div class="DevHub-content-copy DevHub-content-copy--evolution"> <div class="DevHub-callout-box DevHub-ext-ladder-icon"> <h3 class="DevHub-callout-header">Resources for a successful launch</h3> <p class="DevHub-callout-copy"> You've built your extension and are ready to publish it. What comes next? Check out our tips for creating an appealing listing page, getting your extension featured on <a href="https://addons.mozilla.org/">addons.mozilla.org</a>, finding answers to development questions, and staying up-to-date with news and events relevant to extension developers. </p> <a href="https://developer.mozilla.org/en-US/Add-ons/Distribution/Resources_for_publishers" class="Button Button--evolution">View Resources for Publishers</a> </div> </div> </div> </section> <div class="DevHub-MoreInformation scheme-dark content"> <div> <section class="DevHub-BlogPosts content scheme-dark"> <h2> <a title="Subscribe to this feed" href="https://blog.mozilla.com/addons/feed/"> Latest News </a> </h2> <ul> <li> <a class="DevHub-BlogPosts-postTitle" href="https://blog.mozilla.org/addons/2023/12/14/a-new-world-of-open-extensions-on-firefox-for-android-has-arrived/">A new world of open extensions on Firefox for Android has arrived</a> <p class="meta"> <time datetime="2023-12-14 00:00:00"> 11 months, 3 weeks ago </time> </p> </li> <li> <a class="DevHub-BlogPosts-postTitle" href="https://blog.mozilla.org/addons/2023/11/28/open-extensions-on-firefox-for-android-debut-december-14-but-you-can-get-a-sneak-peek-today/">Open extensions on Firefox for Android debut December 14 (but you can get a sneak peek today)</a> <p class="meta"> <time datetime="2023-11-28 00:00:00"> 1 year ago </time> </p> </li> <li> <a class="DevHub-BlogPosts-postTitle" href="https://blog.mozilla.org/addons/2023/11/01/is-your-extension-ready-for-firefox-for-android/">Is your extension ready for Firefox for Android? Be part of the launch of a new open mobile ecosystem</a> <p class="meta"> <time datetime="2023-11-02 00:00:00"> 1 year ago </time> </p> </li> <li> <a class="DevHub-BlogPosts-postTitle" href="https://blog.mozilla.org/addons/2023/10/05/changes-to-android-extension-signing/">Changes to Android extension signing</a> <p class="meta"> <time datetime="2023-10-05 00:00:00"> 1 year, 1 month ago </time> </p> </li> <li> <a class="DevHub-BlogPosts-postTitle" href="https://blog.mozilla.org/addons/2023/09/27/test-firefox-android-extensions-and-help-developers-prepare-for-an-open-mobile-ecosystem-in-december/">Test Firefox Android extensions and help developers prepare for an open mobile ecosystem in December</a> <p class="meta"> <time datetime="2023-09-27 00:00:00"> 1 year, 2 months ago </time> </p> </li> </ul> <a class="read-more" href="https://blog.mozilla.com/addons/"> Read more in our Blog </a> </section> <section class="DevHub-Tools content scheme-dark"> <h2>Tools</h2> <ul> <li> <a href="https://github.com/mozilla/web-ext/">Web-Ext</a> <p class="meta">A command line tool to build, run, and test extensions.</p> </li> <li> <a href="/EN-uS/developers/addon/validate">Add-on Validator</a> <p class="meta">Automated code tests for your add-on.</p> </li> <li> <a href="https://www.extensiontest.com/">Compatibility Test</a> <p class="meta">Check to see if your extension is compatible with Firefox.</p> </li> <li> <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Temporary_Installation_in_Firefox">Live Testing</a> <p class="meta">Temporarily install your extension in Firefox for live testing and debugging.</p> </li> </ul> </section> </div> </div> <footer class="DevHub-Footer content show-on-desktop "> <div> <h3 class="DevHub-Footer-sections-header">Resources</h3> <div class="DevHub-Footer-sections"> <section class="DevHub-Footer-section"> <h4>Documentation</h4> <ul> <li><a href="https://developer.mozilla.org/en-US/Add-ons">Add-ons</a></li> <li><a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions">Extensions</a></li> <li><a href="https://developer.mozilla.org/en-US/Add-ons/Themes/Background">Themes</a></li> <li><a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Porting_a_Google_Chrome_extension">Porting</a></li> </ul> </section> <section class="DevHub-Footer-section"> <h4>Community</h4> <ul> <li><a href="/EN-uS/about">About</a></li> <li><a href="https://discourse.mozilla-community.org/c/add-ons">Forum</a></li> <li><a href="https://blog.mozilla.org/addons/">Blog</a></li> <li><a href="https://developer.mozilla.org/en-US/Add-ons#Contact_us">Contact Us</a></li> </ul> </section> <section class="DevHub-Footer-section"> <h4>Support</h4> <ul> <li><a href="https://developer.mozilla.org/en-US/Add-ons/AMO/Policy">Policies</a></li> <li><a href="https://developer.mozilla.org/en-US/Add-ons/AMO/Policy/Contact">Report Bug</a></li> <li><a href="https://status.mozilla.org">Site Status </a></li> </ul> </section> <section class="DevHub-Footer-section"> <h4>Tools</h4> <ul> <li><a href="https://github.com/mozilla/web-ext">Web-Ext: build & test extensions</a></li> <li><a href="/EN-uS/developers/addon/validate">Add-on Validator</a></li> <li><a href="/EN-uS/developers/addon/check-compatibility">Compatibility Checker</a></li> <li><a href="/EN-uS/developers/addon/api/key/">Manage API Keys</a></li> </ul> </section> <section class="DevHub-Footer-section"> <h4>Promote</h4> <ul> <li><a href="https://developer.mozilla.org/en-US/Add-ons/AMO/Policy/Featured">Get Your Add-on Featured</a></li> <li><a href="https://blog.mozilla.org/addons/2015/11/10/promote-your-add-ons-with-the-get-the-add-on-button/">"Get The Add-on" button</a></li> </ul> </section> <section class="DevHub-Footer-section"> <h4>Legal</h4> <ul> <li><a href="https://www.mozilla.org/about/legal/fraud-report/">Report Trademark Abuse</a></li> <li><a href="https://www.mozilla.org/privacy/websites/">Privacy Policy</a></li> <li><a href="https://www.mozilla.org/about/legal/">Legal Notices</a></li> </ul> </section> </div> <h3 class="DevHub-Footer-sections-header">Contribute</h3> <div class="DevHub-Footer-sections"> <section class="DevHub-Footer-section"> <h4>Review Add-ons</h4> <p> Volunteer reviewers help keep add-ons safe and reliable to use. They enjoy great perks too! </p> <a href="https://wiki.mozilla.org/Add-ons/Reviewers">Join us!</a> </section> <section class="DevHub-Footer-section"> <h4>Write Some Code</h4> <p> Help make add-ons better by contributing your coding skills. </p> <a href="https://wiki.mozilla.org/Add-ons/Contribute/Code">Get started</a> </section> <section class="DevHub-Footer-section"> <h4>More Ways to Participate</h4> <p> You don't need coding skills to help keep Firefox the most customizable browser available! </p> <a href="https://wiki.mozilla.org/Add-ons/Contribute">See how</a> </section> </div> <div class="DevHub-Footer-sections DevHub-Footer-LanguageSwitcher"> <section class="DevHub-Footer-section"> <form class="languages go" id="lang_form" method="get" action="" data-no-csrf> <label for="language">Other languages</label> <select id="language" name="lang" dir="ltr"> <option value="af"> Afrikaans </option><option value="ar"> عربي </option><option value="ast"> Asturianu </option><option value="az"> Azərbaycanca </option><option value="bg"> Български </option><option value="bn-bd"> বাংলা (বাংলাদেশ) </option><option value="bs"> Bosanski </option><option value="ca"> Català </option><option value="cak"> Maya Kaqchikel </option><option value="cs"> Čeština </option><option value="da"> Dansk </option><option value="de"> Deutsch </option><option value="dsb"> Dolnoserbšćina </option><option value="el"> Ελληνικά </option><option value="en-ca"> English (Canadian) </option><option value="en-gb"> English (British) </option><option value="en-us" selected> English (US) </option><option value="es"> Español </option><option value="eu"> Euskara </option><option value="fa"> فارسی </option><option value="fi"> suomi </option><option value="fr"> Français </option><option value="fy-nl"> Frysk </option><option value="ga-ie"> Gaeilge </option><option value="gu"> ગુજરાતી </option><option value="he"> עברית </option><option value="hsb"> Hornjoserbsce </option><option value="hu"> magyar </option><option value="id"> Bahasa Indonesia </option><option value="it"> Italiano </option><option value="ja"> 日本語 </option><option value="ka"> ქართული </option><option value="kab"> Taqbaylit </option><option value="ko"> 한국어 </option><option value="mk"> Македонски </option><option value="mn"> Монгол </option><option value="ms"> Melayu </option><option value="nb-no"> Norsk bokmål </option><option value="nl"> Nederlands </option><option value="nn-no"> Norsk nynorsk </option><option value="pa-in"> ਪੰਜਾਬੀ (ਭਾਰਤ) </option><option value="pl"> Polski </option><option value="pt-br"> Português (do Brasil) </option><option value="pt-pt"> Português (Europeu) </option><option value="ro"> Română </option><option value="ru"> Русский </option><option value="sk"> slovenčina </option><option value="sl"> Slovenščina </option><option value="sq"> Shqip </option><option value="sv-se"> Svenska </option><option value="te"> తెలుగు </option><option value="th"> ไทย </option><option value="tr"> Türkçe </option><option value="uk"> Українська </option><option value="ur"> اُردو </option><option value="vi"> Tiếng Việt </option><option value="zh-cn"> 中文 (简体) </option><option value="zh-tw"> 正體中文 (繁體) </option> </select> <noscript><button type="submit">Go</button></noscript> </form> </section> </div> </div> </footer> <div id="tooltip"> <span></span> </div> <script src="https://addons.thunderbird.net/EN-uS/thunderbird/jsi18n.js?b=58a99cbb-667a0970"></script> <script src="https://addons.thunderbird.net/static/js/common-min.js?build=58a99cbb-667a0970"></script> </body> </html>