Revision 1000075 of WebExtensions

<div class="warning">
<p>This page, and the pages it links to, are incomplete.</p>
</div>

<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, <a href="https://webextensions.uservoice.com/forums/315663-webextension-api-ideas">we'd love to hear them</a>.</p>

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

<div class="column-container">
<div class="column-half">
<dl>
 <dt><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Prerequisites">Prerequisites</a></dt>
 <dd>What you need to get started.</dd>
 <dt><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Anatomy_of_a_WebExtension">Anatomy of a WebExtension</a></dt>
 <dd>An overview of the main pieces of a WebExtension.</dd>
</dl>
</div>

<div class="column-half">
<dl>
 <dt><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Walkthrough">Walkthrough</a></dt>
 <dd>An example walkthrough of a simple WebExtension.</dd>
 <dt><a href="/en-US/Add-ons/WebExtensions/Packaging_and_installation">Packaging and installation</a></dt>
 <dd>How to prepare a WebExtension for installation, and install it.</dd>
</dl>
</div>
</div>

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

<div class="column-container">
<div class="column-half">
<dl>
 <dt><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Content_scripts">Content scripts</a></dt>
 <dd>Interacting with web content.</dd>
 <dt><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Porting_from_Google_Chrome">Porting from Google Chrome</a></dt>
 <dd>What changes you'll need to make if you're porting an existing Chrome extension.</dd>
 <dt><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Chrome_incompatibilities">Chrome incompatibilities</a></dt>
 <dd>A list of the features and APIs in Chrome extensions that are not yet supported by Firefox WebExtensions.</dd>
 <dt>Internationalization</dt>
 <dd>How to support different locales.</dd>
 <dt>UX style guide</dt>
 <dd>Guidelines and resources for your extension's user interface.</dd>
</dl>
</div>

<div class="column-half">
<dl>
 <dt><a href="/en-US/Add-ons/WebExtensions/manifest.json">manifest.json</a></dt>
 <dd>Reference for manifest.json.</dd>
 <dt>Debugging</dt>
 <dd>Reference for manifest.json.</dd>
 <dt>Messaging</dt>
 <dd>How to communicate between the parts of your extension and with the web.</dd>
 <dt>Match patterns</dt>
 <dd>Rules for matching URLs.</dd>
 <dt>Security practices</dt>
 <dd>How to avoid introducing security vulnerabilities.</dd>
</dl>
</div>
</div>

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

<p>{{ Page ("/en-US/docs/Mozilla/Add-ons/WebExtensions/API", "api-list") }}</p>