diff options
Diffstat (limited to 'files/fr/mozilla/add-ons/webextensions/index.html')
| -rw-r--r-- | files/fr/mozilla/add-ons/webextensions/index.html | 80 |
1 files changed, 80 insertions, 0 deletions
diff --git a/files/fr/mozilla/add-ons/webextensions/index.html b/files/fr/mozilla/add-ons/webextensions/index.html new file mode 100644 index 0000000000..ff9e2748b2 --- /dev/null +++ b/files/fr/mozilla/add-ons/webextensions/index.html @@ -0,0 +1,80 @@ +--- +title: WebExtensions +slug: Mozilla/Add-ons/WebExtensions +tags: + - Add-ons + - Landing + - WebExtensions +translation_of: Mozilla/Add-ons/WebExtensions +--- +<div>{{AddonSidebar}}</div> + +<p><span class="seoSummary">Les extensions, ou modules complémentaires, peuvent étendre et modifier les fonctionnalités d'un navigateur. Les extensions Firefox sont construites en utilisant la technologie de compatibilité multi-navigateurs de l'API WebExtensions.</span></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> supportée 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://wiki.developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Porting_from_Google_Chrome">seulement quelques modifications</a>.</p> + +<section class="cleared" id="sect1"> +<ul class="card-grid"> + <li><span>Guides</span> + + <p>Que vous soyez débutant ou à la recherche de conseils plus avancés, renseignez-vous sur comment fonctionnent les extensions et comment utilisez 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>.</p> + </li> + <li><span>Références</span> + <p>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/Compatibilité_navigateurs_API_JavaScript">API WebExtensions</a> et des informations détaillées sur les <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/manifest.json">clefs du manifest</a>.</p> + </li> + <li><span>Flux de travail Firefox</span> + <p>Découvrez comment créer et publier des extensions qui marche sur Firefox : obtenez de l'information fiable sur le fonctionnement des outils de développement, de la publication et de la distribution, et du portage avec l'<a href="https://extensionworkshop.com/">atelier extension</a>.</p> + </li> +</ul> + +<p>Si vous avez des idées ou des questions ou si vous avez besoin d'aide, vous pouvez nous contacter sur la mailing-liste<a href="https://mail.mozilla.org/listinfo/dev-addons"> dev-addons</a> ou sur la <a href="https://matrix.to/#/!CuzZVoCbeoDHsxMCVJ:mozilla.org?via=mozilla.org&via=matrix.org&via=humanoids.be">room Add-ons </a>sur <a href="https://wiki.mozilla.org/Matrix">Matrix</a>.</p> + +<div class="row topicpage-table"> +<div class="section"> +<h2 id="Premiers_pas">Premiers pas</h2> + +<p>Découvrez<a href="/fr/Add-ons/WebExtensions/What_are_WebExtensions"> ce que peuvent faire les extensions Firefox </a>avant d'en faire <a href="/fr/Add-ons/WebExtensions/Your_first_WebExtension">une</a>. Découvrez comment est structurée <a href="/fr/Add-ons/WebExtensions/Anatomy_of_a_WebExtension">une extension</a> et obtenez un aperçu du processus de <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/Firefox_workflow_overview">développement et de publication d'extension, style Firefox</a>. Explorez un peu plus en profondeur leurs fonctionnements avec une sélection exhaustif d'<a href="/fr/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/Add-ons/WebExtensions/Content_scripts">scripts de contenu</a><a href="/fr/docs/Mozilla/Add-ons/WebExtensions/Content_scripts">,</a> les <a href="/fr/Add-ons/WebExtensions/Match_patterns">Motifs (Match patterns)</a>, <a href="/fr/Add-ons/WebExtensions/Working_with_files">le travail avec les fichiers</a>, <a href="/fr/Add-ons/WebExtensions/Internationalization">l'internationalisation</a>, et <a href="/fr/Add-ons/WebExtensions/securite_bonne_pratique">les bonnes pratiques de sécurité</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/Add-ons/WebExtensions/extension_des_outils_de_developpement">l'utilisation d'APIs d'outils de dévelopment</a>, et <a href="/fr/Add-ons/WebExtensions/manifests_native">des Manifests Natif</a>s.</p> + +<h2 id="Interface_utilisatrice">Interface utilisatrice</h2> + +<p>Découvrez tous les composants possibles d'une <a href="/fr/Add-ons/WebExtensions/User_experience_best_practices">interface utilisatrice</a> que vous pouvez utiliser dans vos extensions, avec des exemples contenant des astuces et leur code.</p> + +<h2 id="Tutoriels">Tutoriels</h2> + +<p>Vous trouverez une série de tutoriels pour vous aider à commencer couvrant des modèles que vous utiliserez régulièrement, tels que le <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/Travailler_avec_l_API_Tabs">travail avec l'API Tabs</a> et l'<a href="/fr/Add-ons/WebExtensions/Ajouter_un_bouton_a_la_barre_d_outils">ajout d'un bouton à la barre d'outils</a> ainsi que des sujets plus avancés tels que comment <a href="/fr/Add-ons/WebExtensions/Intercepter_requêtes_HTTP">Intercepter les requêtes HTTP</a> et comment <a href="/fr/Add-ons/WebExtensions/travailler_avec_des_identites_contextuelles">travailler avec les identités contextuelles</a>,</p> + +<h2 id="Méthode_de_travail_Firefox">Méthode de travail Firefox</h2> + +<p>Lorsque vous êtes prêt à créer votre extension Firefox ou à faire un portage de votre extension de Chrome à Firefox, dirigez-vous vers l'<a href="https://extensionworkshop.com/">atelier d'extension</a>. Vous trouverez ici des détails sur :</p> + +<ul> + <li>La méthode de travail Firefox, comme l'<a href="https://extensionworkshop.com/documentation/develop/temporary-installation-in-firefox/">installation temporaire d'extensions pendant le développement</a>, le <a href="https://extensionworkshop.com/documentation/develop/debugging/">débogage</a>, la <a href="https://extensionworkshop.com/documentation/develop/request-the-right-permissions/">demande des bonnes autorisations</a>, et encore plus.</li> + <li>L'outil de développement <a href="https://extensionworkshop.com/documentation/develop/getting-started-with-web-ext/">web-ext</a>.</li> + <li>Le <a href="https://extensionworkshop.com/documentation/develop/porting-a-google-chrome-extension/">portage d'une extension de Google Chrome à Firefox</a>, les <a href="https://extensionworkshop.com/documentation/develop/differences-between-desktop-and-android-extensions/">differences entre les extensions Desktop et Android</a>, et encore plus.</li> + <li>Une <a href="https://extensionworkshop.com/documentation/publish/">vue d'ensemble de la publication, de la distribution</a> et de la <a href="https://extensionworkshop.com/documentation/publish/promoting-your-extension/">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 encore plus.</li> +</ul> +</div> + +<div class="section"> +<h2 id="Références">Références</h2> + +<h3 id="JavaScript_APIs">JavaScript APIs</h3> + +<p>Obtenez des détails complets sur les méthodes, les propriétés, les types et les événements pour toutes les <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/API">API Javascript</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 de codage et des liens vers les exemples d'extension qui utilisent l'API.</p> + +<h3 id="Clés_de_Manifest">Clés de Manifest</h3> + +<p>Obtenez tous les détails sur les <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/manifest.json">clés du manifeste</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é avec les principaux navigateurs</p> +</div> +</div> + +<div class="SnapLinksContainer" style="margin-left: 0px; margin-top: 0px; display: none;"> +<div class="SL_SelectionRect"> +<div class="SL_SelectionLabel"></div> +</div> +</div> +</section> |