Revision 1004635 of WebExtensions

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

<p>Les WebExtensions sont une nouvelle façon d'écrire des extensions Firefox.</p>

<p>La technologie est designé pour être compatible à travers plusieurs navigateurs : l'API est majoritairement compatible avec <a href="https://developer.chrome.com/extensions">l'API des extensions</a> supportée par Google Chrome et Opera. Les extensions écrites pour ces naviagteurs devront dans la plupart des cas fonctionner sur Firefox<a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Porting_from_Google_Chrome"> avec seulement quelques petits changements</a>. L'API est aussi complètelent compatible avec <a href="/en-US/docs/Mozilla/Firefox/Multiprocess_Firefox">Firefox mutliprocessus</a>.</p>

<p>Nous avons l'intention de déprécier XUL et les add-ons basés sur XPCOM, et encourager les développeurs à utiliser la nouvelle API WebExtensions pour leur nouveau développements.</p>

<p>Nous voulons aussi étendre le support des APIs au besoins des développeurs d'add-ons, donc si vous avez des idées, <a href="https://webextensions.uservoice.com/forums/315663-webextension-api-ideas">nous serions ravis de les entendre</a>.</p>

<hr />
<h3 id="Getting_started">Commencer</h3>

<div class="column-container">
<div class="column-half">
<dl>
 <dt><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Prerequisites">Prérequis</a></dt>
 <dd>What you need to get started.</dd>
 <dt><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Anatomy_of_a_WebExtension">Anatomie d'une WebExtension</a></dt>
 <dd>Une vue d'ensemble des principales parties d'une WebExtension.</dd>
</dl>
</div>

<div class="column-half">
<dl>
 <dt><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Walkthrough">Pas à Pas</a></dt>
 <dd>Un exemple pas à pas d'une extension simple.</dd>
 <dt><a href="/en-US/Add-ons/WebExtensions/Packaging_and_installation">Empaqueter et installer</a></dt>
 <dd>Comment préparer une WebExtension pour l'installation et l'installer.</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>