1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
|
---
title: WebExtensions
slug: Mozilla/Add-ons/WebExtensions
translation_of: Mozilla/Add-ons/WebExtensions
---
<div>{{AddonSidebar}}</div>
<p>Les extensions, ou modules complémentaires, peuvent étendre et modifier les fonctionnalités d'un navigateur. Les extensions pour Firefox sont construites avec l'API WebExtensions qui fonctionnent pour les différents navigateurs.</p>
<p>La technologie d'extensions Firefox est, en grande partie, compatible avec l'<a href="https://developer.chrome.com/extensions">API d'extension</a> prise en charge par les navigateurs Chromium tels que Google Chrome, Microsoft Edge et Opera. Dans la plupart des cas, les extensions écrites dans ces navigateurs fonctionnent sur Firefox avec <a href="https://extensionworkshop.com/documentation/develop/porting-a-google-chrome-extension/">seulement quelques modifications</a>.</p>
<h2 id="key_resources">Ressources principales</h2>
<dl>
<dt>Guides</dt>
<dd>Que vous débutiez ou soyez à la recherche de conseils plus avancés, apprenez comment fonctionnent les extensions et comment utiliser l'API WebExtensions grâce à notre large variété de <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/What_are_WebExtensions">tutoriels et guides</a>.</dd>
<dt>Références</dt>
<dd>Obtenez des détails complets sur les méthodes, les propriétés, les types et les événements des <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/Browser_support_for_JavaScript_APIs">API WebExtensions</a> et des informations détaillées sur les <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/manifest.json">clés du manifeste</a>.</dd>
<dt>Flux de travail pour Firefox</dt>
<dd>Découvrez comment créer et publier des extensions pour Firefox : plongez dans le fonctionnement des outils de développement, de la publication, de la distribution, et du portage avec <a href="https://extensionworkshop.com/">l'atelier des extensions Firefox</a>.</dd>
</dl>
<div class="notecard note">
<p><strong>Note :</strong> Si vous avez des idées, des questions ou si vous avez besoin d'aide, vous pouvez nous contacter sur <a href="https://discourse.mozilla.org/c/add-ons">le forum communautaire</a> ou sur <a href="https://matrix.to/#/!CuzZVoCbeoDHsxMCVJ:mozilla.org?via=mozilla.org&via=matrix.org&via=humanoids.be">le salon Add-ons</a> sur <a href="https://wiki.mozilla.org/Matrix">Matrix</a>.</p>
</div>
<h2 id="get_started">Premiers pas</h2>
<p>Découvrez <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/What_are_WebExtensions">ce que peuvent faire les extensions Firefox</a> avant <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/Your_first_WebExtension">de construire votre première extension</a>. Découvrez <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/Anatomy_of_a_WebExtension">la structure d'une extension</a> et obtenez un aperçu <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/Firefox_workflow_overview">du processus de développement et de publication d'extension pour Firefox</a>. Explorez un peu plus en profondeur leur fonctionnement avec un large éventail d'<a href="/fr/docs/Mozilla/Add-ons/WebExtensions/Examples">exemples d'extensions</a> que vous pouvez exécuter directement sur Firefox.</p>
<h2 id="concepts">Concepts</h2>
<p>Obtenez des informations détaillées sur les concepts fondamentaux des extensions <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/API">à l'aide d'une vue d'ensemble de l'API JavaScript</a>, en passant par les <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/Content_scripts">scripts de contenu</a><a href="/fr/docs/Mozilla/Add-ons/WebExtensions/Content_scripts">,</a> les <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/Match_patterns">motifs de correspondance</a>, <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/Working_with_files">la manipulation des fichiers</a>, <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/Internationalization">l'internationalisation</a>, et <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/Content_Security_Policy">les politiques de sécurité du contenu</a>, jusqu'à des sujets plus avancés tels que les <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/Native_messaging">messages natifs</a>, <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/Extending_the_developer_tools">l'utilisation des API pour les outils de développement</a>, et <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/Native_manifests">des manifestes natifs</a>.</p>
<h2 id="user_interface">Interface utilisateur</h2>
<p>Découvrez tous les composants que vous pouvez utiliser pour <a href="https://extensionworkshop.com/documentation/develop/user-experience-best-practices/">l'interface utilisateur</a> de vos extensions, avec des exemples contenant des astuces et leur code.</p>
<h2 id="how_to">Tutoriels</h2>
<p>Vous trouverez une série de tutoriels pour vous aider à commencer et qui abordent des notions que vous utiliserez régulièrement, tels que <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/Working_with_the_Tabs_API">la manipulation des onglets avec l'API Tabs</a>, <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/Add_a_button_to_the_toolbar">l'ajout d'un bouton à la barre d'outils</a> ainsi que des sujets plus avancés tels que <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/Intercept_HTTP_requests">l'interception des requêtes HTTP</a> et <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/Work_with_contextual_identities">la gestion des identités contextuelles</a>.</p>
<h2 id="firefox_workflow">Construction et distribution pour Firefox</h2>
<p>Lorsque vous êtes prête ou prêt à créer votre extension Firefox ou à porter une extension Chrome vers Firefox, dirigez-vous vers l'<a href="https://extensionworkshop.com/">atelier des extensions Firefox</a>. Vous y trouverez des détails sur :</p>
<ul>
<li>Le circuit pour les extensions Firefox, comme <a href="https://extensionworkshop.com/documentation/develop/temporary-installation-in-firefox/">l'installation temporaire d'extensions pendant le développement</a>, <a href="https://extensionworkshop.com/documentation/develop/debugging/">le débogage</a>, <a href="https://extensionworkshop.com/documentation/develop/request-the-right-permissions/">la demande des permissions pertinentes</a>, et plus encore.</li>
<li>L'outil de développement <a href="https://extensionworkshop.com/documentation/develop/getting-started-with-web-ext/">web-ext</a>.</li>
<li><a href="https://extensionworkshop.com/documentation/develop/porting-a-google-chrome-extension/">Le portage d'une extension de Chrome à Firefox</a>, <a href="https://extensionworkshop.com/documentation/develop/differences-between-desktop-and-android-extensions/">les différences entre les extensions de bureau et celles pour Android</a>, et plus encore.</li>
<li><a href="https://extensionworkshop.com/documentation/publish/">Une vue d'ensemble de la publication, de la distribution</a> et de <a href="https://extensionworkshop.com/documentation/publish/promoting-your-extension/">la promotion de votre extension</a>, les <a href="https://extensionworkshop.com/documentation/manage/">bonnes pratiques en matière de cycle de vie des extensions</a>, et plus encore.</li>
</ul>
<h2 id="reference">Référence</h2>
<h3 id="javascript_apis">Les API JavaScript</h3>
<p>Obtenez des détails complets sur les méthodes, les propriétés, les types et les événements pour l'ensemble <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/API">des API JavaScript relatives aux extensions</a>. Vous trouverez également des informations détaillées sur la compatibilité de chaque API avec les principaux navigateurs. La plupart des pages de référence comprennent également des exemples d'implémentation et des liens vers des exemples d'extensions qui utilisent l'API.</p>
<h3 id="manifest_keys">Les clés du manifeste</h3>
<p>Obtenez tous les détails sur <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/manifest.json">les clés du manifeste d'une extension</a>, y compris toutes leurs propriétés et paramètres. Vous y trouverez également des informations détaillées sur la <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/Browser_compatibility_for_manifest.json">compatibilité</a> de chaque clé pour les principaux navigateurs.</p>
|
