Revision 1002763 of WebExtensions

<p>{{AddonSidebar}}</p>

<p>WebExtensions are a new way to write Firefox extensions.</p>

<p>The technology is designed for cross-browser compatibility: to a large extent the API is compatible with the <a 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 with <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Porting_from_Google_Chrome">just a few changes</a>. The API is also fully compatible with <a href="/en-US/docs/Mozilla/Firefox/Multiprocess_Firefox">multiprocess Firefox</a>.</p>

<p>We intend to deprecate XUL and XPCOM-based add-ons, and encourage add-on developers to use the WebExtensions API for new development.</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 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 href="https://wiki.mozilla.org/IRC">IRC</a>.</p>

<hr />
<h3 id="Getting_started">Getting started</h3>

<div class="twocolumns">
<ul>
 <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Prerequisites">Prerequisites</a></li>
 <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Anatomy_of_a_WebExtension">Anatomy of a WebExtension</a></li>
 <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Walkthrough">Walkthrough</a></li>
 <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Packaging_and_installation">Packaging and Installation</a></li>
 <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Examples">Examples</a></li>
</ul>
</div>

<hr />
<h3 id="WebExtension_idioms">WebExtension idioms</h3>

<div class="twocolumns">
<ul>
 <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Content_scripts">Content scripts</a></li>
 <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Porting_from_Google_Chrome">Porting from Google Chrome</a></li>
 <li>Messaging</li>
 <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Match_patterns">Match patterns</a></li>
</ul>
</div>

<hr />
<h3 id="Programming_practices">Programming practices</h3>

<div class="twocolumns">
<ul>
 <li>Internationalization</li>
 <li>UX style guide</li>
 <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Debugging">Debugging</a></li>
 <li>Security practices</li>
</ul>
</div>

<hr />
<h3 id="Reference">Reference</h3>

<ul>
 <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Chrome_incompatibilities">Chrome incompatibilities</a></li>
</ul>

<h4 id="JavaScript_APIs">JavaScript APIs</h4>

<div class="twocolumns">{{ ListSubpages ("/en-US/Add-ons/WebExtensions/API") }}</div>

<h4 class="twocolumns" id="Manifest_keys">Manifest keys</h4>

<div class="twocolumns">{{ ListSubpages ("/en-US/Add-ons/WebExtensions/manifest.json") }}</div>