diff options
| -rw-r--r-- | files/fr/mozilla/add-ons/webextensions/index.html | 69 |
1 files changed, 33 insertions, 36 deletions
diff --git a/files/fr/mozilla/add-ons/webextensions/index.html b/files/fr/mozilla/add-ons/webextensions/index.html index 6173a4c43b..689fe30f20 100644 --- a/files/fr/mozilla/add-ons/webextensions/index.html +++ b/files/fr/mozilla/add-ons/webextensions/index.html @@ -1,65 +1,62 @@ --- 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>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> 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="/fr/docs/Mozilla/Add-ons/WebExtensions/Porting_from_Google_Chrome">seulement quelques modifications</a>.</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> -<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> +<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> -<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="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="Premiers_pas">Premiers pas</h2> +<h2 id="get_started">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> +<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> +<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> +<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="Interface_utilisatrice">Interface utilisatrice</h2> +<h2 id="user_interface">Interface utilisateur</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> +<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="Tutoriels">Tutoriels</h2> +<h2 id="how_to">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> +<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="Méthode_de_travail_Firefox">Méthode de travail Firefox</h2> +<h2 id="firefox_workflow">Construction et distribution pour 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> +<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>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>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>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> + <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="Références">Références</h2> +<h2 id="reference">Référence</h2> -<h3 id="JavaScript_APIs">JavaScript APIs</h3> +<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 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> +<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="Clés_de_Manifest">Clés de Manifest</h3> +<h3 id="manifest_keys">Les clés du manifeste</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> +<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> |