Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Revision 1114793 of What are WebExtensions?

  • Revision slug: Mozilla/Add-ons/WebExtensions/What_are_WebExtensions
  • Revision title: What are WebExtensions?
  • Revision id: 1114793
  • Created:
  • Creator: beizaibeifang19
  • Is current revision? No
  • Comment Revert to revision of 2016-08-03 10:20:45 by wbamberg: "mistake on translation and edit, so sorry"

Revision Content
{{AddonSidebar}}

Add-ons extend and modify the functionality of a web browser. They are written using standard Web technologies - JavaScript, HTML, and CSS - plus some dedicated JavaScript APIs. Among other things, add-ons can add new features to the browser or change the appearance or content of particular websites.

WebExtensions are a cross-browser system for developing browser add-ons. To a large extent the API is compatible with the extension API supported by Google Chrome and Opera. Extensions written for these browsers will in most cases run in Firefox or Microsoft Edge with just a few changes. The API is also fully compatible with multiprocess Firefox.

We're also intending to extend the APIs to support the needs of add-on developers, so if you have ideas, we'd love to hear them. You can reach us on the dev-addons mailing list or #webextensions on IRC.

Before WebExtensions, you could develop Firefox add-ons using one of three different systems: XUL/XPCOM overlays, bootstrapped extensions, or the Add-on SDK. In the future, WebExtensions will be the recommended way to develop Firefox add-ons, and other systems will be deprecated.

What's next?

Revision Source

 
<div>{{AddonSidebar}}</div>
<p>Add-ons extend and modify the functionality of a web browser. They are written using standard Web technologies - JavaScript, HTML, and CSS - plus some dedicated JavaScript APIs. Among other things, add-ons can add new features to the browser or change the appearance or content of particular websites.</p>

<p>WebExtensions are a cross-browser system for developing browser add-ons. To a large extent the API is compatible with the <a class="external external-icon" href="https://developer.chrome.com/extensions">extension API</a> supported by Google Chrome and Opera. Extensions written for these browsers will in most cases run in Firefox or Microsoft Edge with <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Porting_from_Google_Chrome">just a few changes</a>. The API is also fully compatible with <a href="https://developer.mozilla.org/en-US/Firefox/Multiprocess_Firefox">multiprocess Firefox</a>.</p>

<p>We're also intending to extend the APIs to support the needs of add-on developers, so if you have ideas, we'd love to hear them. You can reach us on the <a class="external external-icon" href="https://mail.mozilla.org/listinfo/dev-addons">dev-addons mailing list</a> or <a href="irc://irc.mozilla.org/webextensions">#webextensions</a> on <a class="external external-icon" href="https://wiki.mozilla.org/IRC">IRC</a>.</p>

<p>Before WebExtensions, you could develop Firefox add-ons using one of three different systems: <a href="/en-US/Add-ons/Overlay_Extensions">XUL/XPCOM overlays</a>, <a href="/en-US/docs/Mozilla/Add-ons/Bootstrapped_extensions">bootstrapped extensions</a>, or the <a href="/en-US/docs/Mozilla/Add-ons/SDK">Add-on SDK</a>. In the future, WebExtensions will be the recommended way to develop Firefox add-ons, and other systems will be deprecated.</p>

<h2 id="What's_next">What's next?</h2>

<ul>
 <li>To try out some example WebExtensions, see our <a href="https://github.com/mdn/webextensions-examples">"webextensions-examples" GitHub repo</a>.</li>
 <li>To learn about the structure of a WebExtension, see <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Anatomy_of_a_WebExtension">Anatomy of a WebExtension</a>.</li>
 <li>To walk through the development of a simple WebExtension, see <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Your_first_WebExtension">Your first WebExtension</a>.</li>
</ul>
Revert to this revision