diff options
Diffstat (limited to 'files/fr/mozilla/add-ons/webextensions/manifest.json')
38 files changed, 454 insertions, 527 deletions
diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/author/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/author/index.html index a0c388cb07..967ba15adb 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/author/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/author/index.html @@ -10,11 +10,11 @@ original_slug: Mozilla/Add-ons/WebExtensions/manifest.json/auteur --- <div>{{AddonSidebar}}</div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> - <td><font face="Consolas">chaîne de caractères</font></td> + <td>chaîne de caractères</td> </tr> <tr> <th scope="row">Obligatoire</th> @@ -23,20 +23,20 @@ original_slug: Mozilla/Add-ons/WebExtensions/manifest.json/auteur <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "author": "Walt Whitman"</pre> </td> </tr> </tbody> </table> -<p>L'auteur de l'extension, destiné à être visualisé dans l'interface utilisateur du navigateur. Si la clé du <a href="https://developer.mozilla.org/fr/Add-ons/WebExtensions/manifest.json/developer">developpeur</a> est fournie et qu'elle contient la propriété "nom", elle remplacera la clé de l'auteur. Il n'y a aucun moyen de spécifier plusieurs auteurs.</p> +<p>L'auteur de l'extension, destiné à être visualisé dans l'interface utilisateur du navigateur. Si la clé du <a href="/fr/Add-ons/WebExtensions/manifest.json/developer">developpeur</a> est fournie et qu'elle contient la propriété "nom", elle remplacera la clé de l'auteur. Il n'y a aucun moyen de spécifier plusieurs auteurs.</p> <p>Notez que Firefox ne supporte cette clé qu'à partir de la version 52 et que cette clé est obligatoire dans Microsoft Edge.</p> <h2 id="Exemple">Exemple</h2> -<pre class="brush: json no-line-numbers">"author": "Walt Whitman"</pre> +<pre class="brush: json">"author": "Walt Whitman"</pre> <h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/background/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/background/index.html index 7fd6fde4c7..865f95b6a0 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/background/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/background/index.html @@ -10,7 +10,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/manifest.json/arriere-plan --- <div>{{AddonSidebar}}</div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> @@ -23,7 +23,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/manifest.json/arriere-plan <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "background": { "scripts": ["background.js"] }</pre> @@ -32,7 +32,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/manifest.json/arriere-plan </tbody> </table> -<p>Utilisez la clé <font face="Consolas">background</font> pour inclure un ou plusieurs scripts d'arrière-plan, et éventuellement une page d'arrière-plan dans votre extension.</p> +<p>Utilisez la clé background pour inclure un ou plusieurs scripts d'arrière-plan, et éventuellement une page d'arrière-plan dans votre extension.</p> <p>Les scripts d'arrière-plan sont l'endroit pour placer le code qui doit maintenir l'état à long terme, ou effectuer des opérations à long terme, indépendamment de la durée de vie de toutes les pages Web ou les fenêtres du navigateur.</p> @@ -40,7 +40,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/manifest.json/arriere-plan <p>Voir la section "Pages arrière-plan" dans <a href="/fr/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#Background_pages">l'anatomie d'une WebExtension</a> pour plus de détails.</p> -<p>La clé <font face="Consolas">background</font> est un objet qui peut avoir l'une des deux propriétés suivantes, toutes deux facultatives :</p> +<p>La clé background est un objet qui peut avoir l'une des deux propriétés suivantes, toutes deux facultatives :</p> <table class="standard-table"> <tbody> @@ -60,7 +60,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/manifest.json/arriere-plan <td><code>"page"</code></td> <td> <div class="note"> - <p><strong>Note </strong>: Si vous souhaitez récupérer un script à partir d'un emplacement distant avec la balise <script> (par exemple : <script src = "https://code.jquery.com/jquery-1.7.1.min.js"> ), vous devrez également modifier la clé <code><a href="https://developer.mozilla.org/fr/Add-ons/WebExtensions/manifest.json/content_security_policy">content_security_policy</a></code> dans le fichier manifest.json de votre extension.</p> + <p><strong>Note :</strong> Si vous souhaitez récupérer un script à partir d'un emplacement distant avec la balise <script> (par exemple : <script src = "https://code.jquery.com/jquery-1.7.1.min.js"> ), vous devrez également modifier la clé <code><a href="/fr/Add-ons/WebExtensions/manifest.json/content_security_policy">content_security_policy</a></code> dans le fichier manifest.json de votre extension.</p> </div> <p>Si vous spécifiez des "scripts", une page vide sera créée pour que vos scripts s'exécutent.</p> @@ -73,9 +73,9 @@ original_slug: Mozilla/Add-ons/WebExtensions/manifest.json/arriere-plan </tbody> </table> -<h2 class="brush: json no-line-numbers" id="Exemple">Exemple</h2> +<h2>Exemple</h2> -<pre class="brush: json no-line-numbers"> "background": { +<pre class="brush: json"> "background": { "scripts": ["jquery.js", "my-background.js"] }</pre> @@ -85,7 +85,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/manifest.json/arriere-plan "page": "my-background.html" }</pre> -<p><span class="short_text" id="result_box" lang="fr"><span>Chargez une page d'arrière-plan personnalisée.</span></span></p> +<p>Chargez une page d'arrière-plan personnalisée.</p> <h2 id="Compatibilité_du_navigateur">Compatibilité du navigateur</h2> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/browser_action/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/browser_action/index.html index 968329ce35..8ed0e69f86 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/browser_action/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/browser_action/index.html @@ -9,7 +9,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/browser_action --- <div>{{AddonSidebar}}</div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> @@ -22,7 +22,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/browser_action <tr> <th scope="row">Example</th> <td> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "browser_action": { "browser_style": true, "default_icon": { @@ -56,7 +56,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/browser_action <p>La clé <code>browser_action</code> est un objet qui peut avoir l'une des propriétés suivantes, toutes optionnelles :</p> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <thead> <tr> <th scope="col">Name</th> @@ -73,7 +73,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/browser_action <p>Utilisez-le pour inclure une feuille de style dans votre popup qui le rendra cohérent avec l'interface utilisateur du navigateur et avec d'autres extensions qui utilisent la propriété <code>browser_style</code>. Bien que cette touche par défaut soit <code>false</code>, il est recommandé de l'inclure et de la mettre à <code>true</code> afin de rendre vos fenêtres contextuelles cohérentes avec l'apparence du reste de l'interface utilisateur du navigateur.</p> - <p>Dans Firefox, la feuille de style peut être vue à chrome://browser/content/extension.css, ou chrome://browser/content/extension-mac.css sur OS X. Lorsque vous définissez les dimensions, sachez que cette feuille de style définit actuellement <code>box-sizing: border-box</code> (voir <a href="https://developer.mozilla.org/docs/Web/CSS/box-sizing">box-sizing</a>).</p> + <p>Dans Firefox, la feuille de style peut être vue à chrome://browser/content/extension.css, ou chrome://browser/content/extension-mac.css sur OS X. Lorsque vous définissez les dimensions, sachez que cette feuille de style définit actuellement <code>box-sizing: border-box</code> (voir <a href="/docs/Web/CSS/box-sizing">box-sizing</a>).</p> <p>Les <a href="/fr/Add-ons/WebExtensions/user_interface/Browser_styles">Browser styles</a> décrivent les classes que vous pouvez appliquer aux éléments dans le popup afin d'obtenir des styles particuliers.</p> @@ -82,9 +82,8 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/browser_action </tr> <tr> <td><code>default_area</code></td> - <td><font face="Consolas">Chaîne de caractères</font></td> + <td>Chaîne de caractères</td> <td> - <div class="blockIndicator geckoVersionNote">Nouveau dans Firefox 54</div> <p>Définit la partie du navigateur dans laquelle le bouton est initialement placé. Il s'agit d'une chaîne qui peut prendre l'une des quatre valeurs suivantes:</p> @@ -106,7 +105,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/browser_action </tr> <tr> <td><code>default_icon</code></td> - <td><code>Objet</code> ou <font face="Consolas">chaîne de caractères</font></td> + <td><code>Objet</code> ou chaîne de caractères</td> <td> <p>Utilisez cette option pour spécifier une ou plusieurs icônes pour le bouton d'action du navigateur. L'icône est affichée dans la barre d'outils du navigateur par défaut.</p> @@ -114,12 +113,12 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/browser_action <p>Vous pouvez spécifier un seul fichier d'icône en fournissant une chaîne ici:</p> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "default_icon": "path/to/geo.svg"</pre> <p>Pour spécifier plusieurs icônes dans différentes tailles, spécifiez ici un objet. Le nom de chaque propriété est la hauteur de l'icône en pixels et doit être converti en un nombre entier. La valeur est l'URL. Par exemple:</p> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "default_icon": { "16": "path/to/geo-16.png", "32": "path/to/geo-32.png" @@ -132,11 +131,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/browser_action </tr> <tr> <td><code>default_popup</code></td> - <td><font face="Consolas">chaîne de caractères</font></td> + <td>chaîne de caractères</td> <td> <p>Le chemin d'accès à un fichier HTML contenant la spécification de la fenêtre contextuelle.</p> - <p>Le fichier HTML peut inclure des fichiers CSS et JavaScript en utilisant des éléments <code><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link"><link></a></code> et <code><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script"><script></a></code>, tout comme une page Web normale. Cependant, <code><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script"><script></a></code> doit avoir l'attribut <code><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script">src</a></code> pour charger un fichier. N'utilisez pas <code><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script"><script></a></code> avec du code intégré, car vous obtiendrez une erreur de politique de violation de contenu confuse.</p> + <p>Le fichier HTML peut inclure des fichiers CSS et JavaScript en utilisant des éléments <code><a href="/fr/docs/Web/HTML/Element/link"><link></a></code> et <code><a href="/fr/docs/Web/HTML/Element/script"><script></a></code>, tout comme une page Web normale. Cependant, <code><a href="/fr/docs/Web/HTML/Element/script"><script></a></code> doit avoir l'attribut <code><a href="/fr/docs/Web/HTML/Element/script">src</a></code> pour charger un fichier. N'utilisez pas <code><a href="/fr/docs/Web/HTML/Element/script"><script></a></code> avec du code intégré, car vous obtiendrez une erreur de politique de violation de contenu confuse.</p> <p>Contrairement à une page Web normale, JavaScript en cours d'exécution dans la fenêtre contextuelle peut accéder à toutes les <a href="/fr/Add-ons/WebExtensions/API">APIs WebExtension</a> (soumis, bien sûr, à l'extension possédant les <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permissions</a> appropriées).</p> @@ -145,7 +144,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/browser_action </tr> <tr> <td><code>default_title</code></td> - <td><font face="Consolas">chaîne de caractères</font></td> + <td>chaîne de caractères</td> <td> <p>Info-bulle pour le bouton, affichée lorsque l'utilisateur passe sa souris dessus.</p> @@ -190,7 +189,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/browser_action <p>Il y a deux approches principales pour cela. Vous pouvez fournir une seule icône en tant que fichier SVG, et elle sera mise à l'échelle correctement :</p> -<pre class="brush: json no-line-numbers">"default_icon": "path/to/geo.svg"</pre> +<pre class="brush: json">"default_icon": "path/to/geo.svg"</pre> <p>Ou vous pouvez fournir plusieurs icônes dans différentes tailles, et le navigateur choisira la meilleure.</p> @@ -203,7 +202,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/browser_action <p>Vous pouvez donc spécifier des icônes qui correspondent exactement, à la fois aux affichages normaux et à Retina, en fournissant trois fichiers d'icônes et en les spécifiant comme suit:</p> -<pre class="brush: json no-line-numbers"> "default_icon": { +<pre class="brush: json"> "default_icon": { "16": "path/to/geo-16.png", "32": "path/to/geo-32.png", "64": "path/to/geo-64.png" @@ -213,7 +212,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/browser_action <h2 id="Exemple">Exemple</h2> -<pre class="brush: json no-line-numbers">"browser_action": { +<pre class="brush: json">"browser_action": { "default_icon": { "16": "button/geo-16.png", "32": "button/geo-32.png" @@ -222,7 +221,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/browser_action <p>Une action de navigateur avec juste une icône, spécifiée en 2 tailles différentes. Les scripts d'arrière-plan de l'extension peuvent recevoir des événements de clic lorsque l'utilisateur clique sur l'icône en utilisant un code comme celui-ci :</p> -<pre class="brush: js no-line-numbers"> browser.browserAction.onClicked.addListener(handleClick);</pre> +<pre class="brush: js"> browser.browserAction.onClicked.addListener(handleClick);</pre> <pre class="brush: json">"browser_action": { "default_icon": { diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/browser_specific_settings/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/browser_specific_settings/index.html index 073caeeb6b..7c283ed432 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/browser_specific_settings/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/browser_specific_settings/index.html @@ -10,7 +10,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/browser_specific_set --- <p>{{AddonSidebar}}</p> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> @@ -19,13 +19,13 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/browser_specific_set <tr> <th scope="row">Obligatoire</th> <td> - <p>Habituellement, non (mais voir aussi <a href="https://developer.mozilla.org/fr/Add-ons/WebExtensions/WebExtensions_and_the_Add-on_ID#When_do_you_need_an_Add-on_ID">Quand avec-vous besoin d'une ID Complémentaire</a><a href="https://developer.mozilla.org/fr/Add-ons/WebExtensions/manifest.json/applications#When_do_I_need_the_applications_key">?</a>). Obligatoire avant Firefox 48 (desktop) et Firefox pour Android.</p> + <p>Habituellement, non (mais voir aussi <a href="/fr/Add-ons/WebExtensions/WebExtensions_and_the_Add-on_ID#When_do_you_need_an_Add-on_ID">Quand avec-vous besoin d'une ID Complémentaire</a><a href="/fr/Add-ons/WebExtensions/manifest.json/applications#When_do_I_need_the_applications_key">?</a>). Obligatoire avant Firefox 48 (desktop) et Firefox pour Android.</p> </td> </tr> <tr> <th scope="row">Example</th> <td> - <pre class="brush: json; no-line-numbers"> + <pre class="brush: json;"> "browser_specific_settings": { "gecko": { "id": "addon@example.com", @@ -51,7 +51,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/browser_specific_set <li><code>strict_min_version </code>: la version minimum de Gecko supportée. Les versions contenant un "*" ne sont pas valides dans ce domaine. Par défaut, c'est "42a1".</li> <li><code>strict_max_version</code> : la version maximum de Gecko supportée. Si la version de Firefox sur laquelle l'extension est en cours d'installation ou d'exécution est au-dessus de cette version, l'extension sera désactivée ou ne sera pas autorisée à être installée. Par défaut, c'est "*", qui désactive la vérification d'une version maximale.</li> <li> - <p><code>update_url</code> est lien vers un <a href="https://developer.mozilla.org/fr-FR/Add-ons/Install_Manifests#updateURL">manifeste de mise à jour personnalisé</a>. Notez que le lien doit commencer par "https". Cette clé consiste à gérer vous-même les mises à jour d'extension (c'est-à-dire pas via AMO).</p> + <p><code>update_url</code> est lien vers un <a href="/fr-FR/Add-ons/Install_Manifests#updateURL">manifeste de mise à jour personnalisé</a>. Notez que le lien doit commencer par "https". Cette clé consiste à gérer vous-même les mises à jour d'extension (c'est-à-dire pas via AMO).</p> </li> </ul> @@ -62,22 +62,22 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/browser_specific_set <p>L'ID d'extension doit être l'un des suivants :</p> <ul> - <li><a href="https://en.wikipedia.org/wiki/Universally_unique_identifier" title="Generating_GUIDs">GUID</a></li> - <li>Une chaîne formatée comme une adresse e-mail : <code class="plain">extensionname@example.org</code></li> + <li><a href="https://en.wikipedia.org/wiki/Universally_unique_identifier">GUID</a></li> + <li>Une chaîne formatée comme une adresse e-mail : <code>extensionname@example.org</code></li> </ul> <p>Ce dernier format est plus facile à générer et à manipuler. Sachez que l'utilisation d'une véritable adresse e-mail ici peut attirer des spams.</p> <p>Par exemple :</p> -<pre class="brush: json; auto-links: false; no-line-numbers">"id": "extensionname@example.org"</pre> +<pre class="brush: json">"id": "extensionname@example.org"</pre> -<pre class="brush: json; auto-links: false; no-line-numbers">"id": "{daf44bf7-a45e-4450-979c-91cf07434c3d}"</pre> +<pre class="brush: json">"id": "{daf44bf7-a45e-4450-979c-91cf07434c3d}"</pre> <h3 id="Propriétés_Microsoft_Edge">Propriétés Microsoft Edge</h3> -<div class="blockIndicator warning"> -<p>Avertissement : L'ajout de propriétés spécifiques à Edge au manifeste a causé une erreur avant Firefox 69 qui peut empêcher l'extension de s'installer.</p> +<div class="warning"> +<p><strong>Attention :</strong> L'ajout de propriétés spécifiques à Edge au manifeste a causé une erreur avant Firefox 69 qui peut empêcher l'extension de s'installer.</p> </div> <p>Microsoft Edge stocke les paramètres spécifiques à son navigateur dans la sous-clé <code>edge</code>, qui possède les propriétés suivantes :</p> @@ -85,11 +85,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/browser_specific_set <dl> <dt><code>browser_action_next_to_addressbar</code></dt> <dd> - <p>Propriété booléenne qui contrôle le placement de l'<a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Browser_actions">action du navigateur</a>.</p> + <p>Propriété booléenne qui contrôle le placement de l'<a href="/fr/docs/Mozilla/Add-ons/WebExtensions/Browser_actions">action du navigateur</a>.</p> <ul> - <li><code>true</code> est équivalent à la définition <code><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action#Syntax">browser_action.default_area</a></code> à <code>navbar</code>.</li> - <li><code>false</code> is équivalent à la définition <code><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action#Syntax">browser_action.default_area</a></code> à <code>menupanel</code>.</li> + <li><code>true</code> est équivalent à la définition <code><a href="/fr/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action#Syntax">browser_action.default_area</a></code> à <code>navbar</code>.</li> + <li><code>false</code> is équivalent à la définition <code><a href="/fr/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action#Syntax">browser_action.default_area</a></code> à <code>menupanel</code>.</li> </ul> </dd> </dl> @@ -98,7 +98,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/browser_specific_set <p>Exemple avec toutes les clés possibles. Notez que vous n'incluez normalement ni une version <code>strict_max_version</code> ni une clé <code>update_url</code>.</p> -<pre class="brush: json; auto-links: false; no-line-numbers">"browser_specific_settings": { +<pre class="brush: json">"browser_specific_settings": { "gecko": { "id": "addon@example.com", "strict_min_version": "42.0", diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/chrome_settings_overrides/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/chrome_settings_overrides/index.html index 8380fb3639..f662253280 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/chrome_settings_overrides/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/chrome_settings_overrides/index.html @@ -18,11 +18,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/chrome_settings_over <li><code>"search_provider"</code>, qui vous permet d'ajouter un nouveau moteur de recherche.</li> </ul> -<pre class="brush: json no-line-numbers">"chrome_settings_overrides" : { +<pre class="brush: json">"chrome_settings_overrides" : { "homepage": "https://developer.mozilla.org/" }</pre> -<pre class="brush: json no-line-numbers">"chrome_settings_overrides": { +<pre class="brush: json">"chrome_settings_overrides": { "search_provider": { "name": "Discogs", "search_url": "https://www.discogs.com/search/?q={searchTerms}", @@ -31,7 +31,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/chrome_settings_over } }</pre> -<table class="properties"> +<table> <tbody> <tr> <th colspan="2" scope="row">clé de manifeste : <code>chrome_settings_overrides</code></th> @@ -51,7 +51,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/chrome_settings_over <p>La clé <code>chrome_settings_overrides</code> est un objet qui peut avoir les propriétés suivantes:</p> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <thead> <tr> <th scope="col">Nom</th> @@ -62,7 +62,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/chrome_settings_over <tbody> <tr> <td><code>homepage</code></td> - <td><font face="Consolas">Chaîne de caractères</font></td> + <td>Chaîne de caractères</td> <td> <p>Définit la page à utiliser comme page d'accueil du navigateur.</p> @@ -75,9 +75,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/chrome_settings_over <p>Si deux ou plusieurs extensions définissent toutes les deux cette valeur, alors le paramètre de la dernière extension installée aura la priorité.</p> - <p>Pour éviter de nouveaux onglets, utilisez à la place "<a href="/en-US/Add-ons/WebExtensions/manifest.json/chrome_url_overrides">chrome_url_overrides</a>".</p> + <p>Pour éviter de nouveaux onglets, utilisez à la place "<a href="/fr/Add-ons/WebExtensions/manifest.json/chrome_url_overrides">chrome_url_overrides</a>".</p> - <p>C'est une <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Internationalization#Internationalizing_manifest.json"><u><font color="#0066cc">propriété localisable</font></u></a>.</p> + <p>C'est une <a href="/fr/Add-ons/WebExtensions/Internationalization#Internationalizing_manifest.json">propriété localisable</a>.</p> </td> </tr> <tr> @@ -90,7 +90,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/chrome_settings_over <p>Le moteur de recherche sera présenté à l'utilisateur à côté de ceux fournis dans l'interface. Si vous incluez la propriété <code>is_default</code>et le configurez avec <code>true</code>, le nouveau moteur de recherche devient l'option par défaut. Avec l'utilisation de la propriété<code>keyword</code>, vous permettez à l'utilisateur de sélectionner votre moteur de recherche en tapant le mot-clé dans la barre d'adresse avant le terme recherché.</p> - <p>C'est un objet avec les propriétés listées ci-dessous. Toutes les propriétés chaîne de caractères sont <a href="/en-US/Add-ons/WebExtensions/Internationalization#Internationalizing_manifest.json">localisable</a>s.</p> + <p>C'est un objet avec les propriétés listées ci-dessous. Toutes les propriétés chaîne de caractères sont <a href="/fr/Add-ons/WebExtensions/Internationalization#Internationalizing_manifest.json">localisable</a>s.</p> <dl> <dt><code>name</code></dt> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/chrome_url_overrides/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/chrome_url_overrides/index.html index 69a2275917..a7134b5b93 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/chrome_url_overrides/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/chrome_url_overrides/index.html @@ -9,7 +9,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/chrome_url_overrides --- <div>{{AddonSidebar}}</div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> @@ -22,7 +22,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/chrome_url_overrides <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "chrome_url_overrides" : { "newtab": "my-new-tab.html" }</pre> @@ -37,7 +37,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/chrome_url_overrides <p>La clé <code>chrome_url_overrides</code> est un objet qui peut avoir les propriétés suivantes:</p> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <thead> <tr> <th scope="col">Nom</th> @@ -48,45 +48,45 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/chrome_url_overrides <tbody> <tr> <td><code>bookmarks</code></td> - <td><font face="Consolas">Chaîne de caractères</font></td> + <td>Chaîne de caractères</td> <td> <p>Remplace la page qui affiche les signets.</p> </td> </tr> <tr> <td><code>history</code></td> - <td><font face="Consolas">chaîne de caractères</font></td> + <td>chaîne de caractères</td> <td> <p>Remplace la page qui affiche l'historique de navigation.</p> </td> </tr> <tr> <td><code>newtab</code></td> - <td><font face="Consolas">chaîne de caractères</font></td> + <td>chaîne de caractères</td> <td> <p>Remplace le document qui s'affiche dans la page "Nouvel onglet". Ceci est la page affichée lorsque l'utilisateur a ouvert un nouvel onglet, mais n'a chargé aucun document : par exemple, en utilisant le raccourci clavier <kbd>Ctrl</kbd>/<kbd>Command</kbd>+<kbd>T</kbd>.</p> <p>Le remplacement est donné en tant qu'URL d'un fichier HTML. Le fichier doit être regroupé avec l'extension : vous ne pouvez pas spécifier une URL distante ici. Vous pouvez le spécifier par rapport au dossier racine de l'extension, comme : "path/to/newtab.html".</p> - <p>Le document peut charger CSS et JavaScript, tout comme une page Web normale. L'utilisation de JavaScript dans la page permet d'accéder aux mêmes <a href="/en-US/Add-ons/WebExtensions/API">API privilégiées "browser.*" </a>comme une extension d'arrière-plan.</p> + <p>Le document peut charger CSS et JavaScript, tout comme une page Web normale. L'utilisation de JavaScript dans la page permet d'accéder aux mêmes <a href="/fr/Add-ons/WebExtensions/API">API privilégiées "browser.*" </a>comme une extension d'arrière-plan.</p> - <p>Il est très pratique d'inclure un <a href="/en-US/docs/Web/HTML/Element/title"><title></a> pour la page, ou le titre de l'onglet sera l'URL "moz-extension://..." .</p> + <p>Il est très pratique d'inclure un <a href="/fr/docs/Web/HTML/Element/title"><title></a> pour la page, ou le titre de l'onglet sera l'URL "moz-extension://..." .</p> <p>Un cas d'utilisation courant est de permettre à l'utilisateur de définir une nouvelle page d'onglet : pour ce faire, fournir une nouvelle page d'onglet personnalisée qui navigue vers la page définie par l'utilisateur.</p> <p>Si deux ou plusieurs extensions définissent toutes les deux de nouvelles pages à onglet personnalisées, alors la dernière à être installée ou activée utilise sa valeur.</p> - <p>Pour remplacer la page d'accueil du navigateur, utilisez plutôt "<a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/chrome_settings_overrides">chrome_settings_overrides</a>".</p> + <p>Pour remplacer la page d'accueil du navigateur, utilisez plutôt "<a href="/fr/docs/Mozilla/Add-ons/WebExtensions/manifest.json/chrome_settings_overrides">chrome_settings_overrides</a>".</p> </td> </tr> </tbody> </table> -<p>Toutes les propriétés sont <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Internationalization#Internationalizing_manifest.json">localisables</a>.</p> +<p>Toutes les propriétés sont <a href="/fr/Add-ons/WebExtensions/Internationalization#Internationalizing_manifest.json">localisables</a>.</p> <h2 id="Exemple">Exemple</h2> -<pre class="brush: json no-line-numbers">"chrome_url_overrides" : { +<pre class="brush: json">"chrome_url_overrides" : { "newtab": "my-new-tab.html" }</pre> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/commands/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/commands/index.html index 2d7659d55b..b37b11610c 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/commands/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/commands/index.html @@ -10,7 +10,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/commands --- <div>{{AddonSidebar}}</div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> @@ -23,7 +23,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/commands <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "commands": { "toggle-feature": { "suggested_key": { @@ -38,7 +38,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/commands </tbody> </table> -<p><span class="seoSummary">Utilisez la clé <strong><code>commands</code></strong> pour définir un ou plusieurs raccourcis clavier pour votre extension.</span></p> +<p>Utilisez la clé <strong><code>commands</code></strong> pour définir un ou plusieurs raccourcis clavier pour votre extension.</p> <p>Chaque raccourci clavier est défini avec un <strong>nom</strong>, une <strong>combination de clé</strong>, et un <strong>description</strong>. Une fois que vous avez défini des commandes dans le fichier <code>manifest.json</code>, de votre extension, vous pouvez écouter leurs combinaisons de touches associées avec l'API JavaScript {{WebExtAPIRef("commands")}}.</p> @@ -69,7 +69,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/commands <p>Par exemple :</p> -<pre class="brush: json no-line-numbers">"commands": { +<pre class="brush: json">"commands": { "toggle-feature": { "suggested_key": { "default": "Alt+Shift+U", @@ -93,7 +93,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/commands <p>Vous pouvez alors écouter la commande <code>"toggle-feature"</code> avec un code comme celui-ci :</p> -<pre class="brush: js no-line-numbers">browser.commands.onCommand.addListener(function(command) { +<pre class="brush: js">browser.commands.onCommand.addListener(function(command) { if (command == "toggle-feature") { console.log("toggling the feature!"); } @@ -111,7 +111,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/commands <p>Par exemple, ce JSON définit une combinaison de touches qui clique sur l'action du navigateur de l'extension :</p> -<pre class="brush: js no-line-numbers">"commands": { +<pre class="brush: js">"commands": { "_execute_browser_action": { "suggested_key": { "default": "Ctrl+Shift+Y" @@ -125,9 +125,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/commands <h3 id="Combinaisons_de_touches">Combinaisons de touches</h3> -<div class="pull-aside"> -<div class="moreinfo">Sur Mac, <code>"Ctrl"</code> est interprété comme <code>"Command"</code>, donc si vous avez réellement besoin de <code>"Ctrl"</code>, spécifiez <code>"MacCtrl"</code>.</div> -</div> +<p>Sur Mac, <code>"Ctrl"</code> est interprété comme <code>"Command"</code>, donc si vous avez réellement besoin de <code>"Ctrl"</code>, spécifiez <code>"MacCtrl"</code>.</p> <p>Les combinaisons de touches doivent être composées de deux ou trois touches :</p> @@ -167,7 +165,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/commands <p>Définissez un seul raccourci clavier en utilisant uniquement la combinaison de touches par défaut :</p> -<pre class="brush: json no-line-numbers">"commands": { +<pre class="brush: json">"commands": { "toggle-feature": { "suggested_key": { "default": "Ctrl+Shift+Y" @@ -178,7 +176,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/commands <p>Définissez deux raccourcis clavier, l'un avec une combinaison de touches spécifique à la plate-forme :</p> -<pre class="brush: json no-line-numbers">"commands": { +<pre class="brush: json">"commands": { "toggle-feature": { "suggested_key": { "default": "Alt+Shift+U", diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/content_scripts/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/content_scripts/index.html index 704b3e4b23..05c42eb71b 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/content_scripts/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/content_scripts/index.html @@ -9,7 +9,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/content_scripts --- <div>{{AddonSidebar}}</div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row">Type</th> @@ -46,7 +46,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/content_scripts <p>Le tableau ci-dessous présente le détail de toutes les clés que vous pouvez inclure.</p> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <thead> <tr> <th scope="col">Nom</th> @@ -56,7 +56,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/content_scripts </thead> <tbody> <tr> - <td><a id="all_frames" name="all_frames"><code>all_frames</code></a></td> + <td><code>all_frames</code></td> <td>{{ jsxref("boolean", "Booléen") }}</td> <td> <p><code>true</code> : injecte les scripts spécifiés dans {{ anch("js") }} et {{ anch("css") }} dans tous les cadres correspondant aux exigences d’URL spécifiées, même s’il n’est pas le cadre le plus haut d’un onglet. Cela n’injecte pas dans les cadres enfants quand seul leur parent correspond aux exigences d’URL et pas les cadres enfants. Les exigences d’URL sont vérifiées pour chaque cadre indépendamment.</p> @@ -67,47 +67,46 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/content_scripts </td> </tr> <tr> - <td><a id="css" name="css"><code>css</code></a></td> + <td><code>css</code></td> <td>{{ jsxref("array", "Tableau") }}</td> <td> <p>Un tableau de chemins, relatifs à <em>manifest.json</em>, référençant les fichiers CSS qui seront injectés dans les pages correspondantes.</p> <p>Les fichiers sont injectés dans l’ordre donné, et avant que le DOM ne soit chargé.</p> - <div class="blockIndicator note"> - <p>Firefox résout les URLs dans les fichiers CSS injectés par rapport au fichier CSS lui-même, plutôt que par rapport à la page dans laquelle il est injecté.</p> + <div class="note"> + <p><strong>Note :</strong> Firefox résout les URLs dans les fichiers CSS injectés par rapport au fichier CSS lui-même, plutôt que par rapport à la page dans laquelle il est injecté.</p> </div> </td> </tr> <tr> - <td><a id="exclude_globs" name="exclude_globs"><code>exclude_globs</code></a></td> + <td><code>exclude_globs</code></td> <td>{{ jsxref("array", "Tableau") }}</td> <td> <p>Un tableau de chaînes contenant des caractères génériques. Voir les {{ anch("Les_modèles_de_correspondance_d’URL", "modèles de correpondance d’URL") }} ci-dessous.</p> </td> </tr> <tr> - <td><a id="exclude_matches" name="exclude_matches"><code>exclude_matches</code></a></td> + <td><code>exclude_matches</code></td> <td>{{ jsxref("array", "Tableau") }}</td> <td> <p>Un tableau de <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/Match_patterns">modèles de correspondance</a>. Voir les {{ anch("Les_modèles_de_correspondance_d’URL", "modèles de correpondance d’URL") }} ci-dessous.</p> </td> </tr> <tr> - <td><a id="include_globs" name="include_globs"><code>include_globs</code></a></td> + <td><code>include_globs</code></td> <td>{{ jsxref("array", "Tableau") }}</td> <td>Un tableau de chaînes contenant des caractères génériques. Voir les {{ anch("Les_modèles_de_correspondance_d’URL", "modèles de correpondance d’URL") }} ci-dessous.</td> </tr> <tr> - <td><a id="js" name="js"><code>js</code></a></td> + <td><code>js</code></td> <td>{{ jsxref("array", "Tableau") }}</td> <td> <p>Un tableau de chemins, relatifs au fichier <em>manifest.json</em>, référençant les fichiers JavaScript qui seront injectés dans les pages correspondantes.</p> <p>Les fichiers sont injectés dans l’ordre indiqué. Cela signifie que, par exemple, si vous incluez ici jQuery suivi d’un autre script de contenu, comme ceci :</p> - <pre class="brush: json"> -<code>"js": ["jquery.js", "my-content-script.js"]</code></pre> + <pre class="brush: json">"js": ["jquery.js", "my-content-script.js"]</pre> <p>alors <em>my-content-script.js</em> peut utiliser jQuery.</p> @@ -115,7 +114,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/content_scripts </td> </tr> <tr> - <td><code><a id="match_about_blank" name="match_about_blank">match_about_blank</a></code></td> + <td><code>match_about_blank</code></td> <td>{{ jsxref("boolean", "Booléen") }}</td> <td> <p>Insère les scripts de contenu dans les pages dont l’URL est <code>about:blank</code> ou <code>about:srcdoc</code>, si l’URL de la page qui a ouvert ou créé cette page {{ anch("Les_modèles_de_correspondance_d’URL", "correspond aux modèles") }} spécifiés dans le reste de la clé <code>content_scripts</code>.</p> @@ -140,7 +139,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/content_scripts </td> </tr> <tr> - <td><a id="matches" name="matches"><code>matches</code></a></td> + <td><code>matches</code></td> <td>{{ jsxref("array", "Tableau") }}</td> <td> <p>Un ensemble de <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/Match_patterns">modèles de correspondance</a>. Voir les {{ anch("Les_modèles_de_correspondance_d’URL", "modèles de correpondance d’URL") }} ci-dessous.</p> @@ -149,7 +148,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/content_scripts </td> </tr> <tr> - <td><a id="run_at" name="run_at"><code>run_at</code></a></td> + <td><code>run_at</code></td> <td>{{ jsxref("string", "Chaîne") }}</td> <td> <p>Cette option détermine quand les scripts spécifiés dans {{ anch("js") }} sont injectés. Vous pouvez fournir une chaîne parmi trois ici, chacune identifiant un état dans le processus de chargement d’un document. Les états correspondent directement à {{domxref("Document/readyState", "Document.readyState")}} :</p> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/content_security_policy/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/content_security_policy/index.html index 93fe94a566..5689c7be65 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/content_security_policy/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/content_security_policy/index.html @@ -9,7 +9,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/content_security_pol --- <div>{{AddonSidebar}}</div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> @@ -22,7 +22,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/content_security_pol <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "content_security_policy": "default-src 'self'"</pre> </td> </tr> @@ -39,7 +39,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/content_security_pol <li>permettre à l’extension de charger des scripts et des objets hors de son paquet, en fournissant leurs URL dans les directives {{CSP("script-src")}} or {{CSP("object-src")}} ;</li> <li>permettre à l’extension d’exécuter des scripts en ligne, en <a href="/fr/docs/HTTP/Headers/Content-Security-Policy/script-src#Unsafe_inline_script">fournissant le hash du script dans la directive <code>"script-src"</code></a> ;</li> <li>permettre à l’extension d’utiliser <code>eval()</code> et des fonctionnalités similaires, en incluant <code>'unsafe-eval'</code> dans la directive {{CSP("script-src")}} ;</li> - <li>limiter les sources autorisées pour d’autres types de contenu, tels que les images et les feuilles de style, en utilisant la <a href="https://publicsuffix.org/list/" lang="en">directive de politique</a> appropriée.</li> + <li>limiter les sources autorisées pour d’autres types de contenu, tels que les images et les feuilles de style, en utilisant la <a href="https://publicsuffix.org/list/">directive de politique</a> appropriée.</li> </ul> <p>Il existe des restrictions sur la politique que vous pouvez spécifier ici :</p> @@ -57,58 +57,58 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/content_security_pol <h3 id="Examples_valides">Examples valides</h3> -<p>Autoriser les scripts distants de "https://example.com" : <sup>(<em>voir note</em> <a href="https://developer.mozilla.org/fr/Add-ons/WebExtensions/manifest.json/content_security_policy$edit#exampleNote_1">1</a>)</sup></p> +<p>Autoriser les scripts distants de "https://example.com" : <sup>(<em>voir note</em> <a href="/fr/Add-ons/WebExtensions/manifest.json/content_security_policy$edit#exampleNote_1">1</a>)</sup></p> -<pre class="brush: json no-line-numbers">"content_security_policy": "script-src 'self' https://example.com; object-src 'self'"</pre> +<pre class="brush: json">"content_security_policy": "script-src 'self' https://example.com; object-src 'self'"</pre> <p>Autoriser les scripts distants depuis n’importe quel sous-domaine de « jquery.com » :</p> -<pre class="brush: json no-line-numbers">"content_security_policy": "script-src 'self' https://*.jquery.com; object-src 'self'"</pre> +<pre class="brush: json">"content_security_policy": "script-src 'self' https://*.jquery.com; object-src 'self'"</pre> <p>Autoriser <a href="/fr/Add-ons/WebExtensions/Content_Security_Policy#eval()_et_amis"><code>eval()</code> et ses amis </a>:</p> -<pre class="brush: json no-line-numbers">"content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self';"</pre> +<pre class="brush: json">"content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self';"</pre> <p>Autoriser le script en ligne : <code>"<script>alert('Hello, world.');</script>"</code> :</p> -<pre class="brush: json no-line-numbers">"content_security_policy": "script-src 'self' 'sha256-qznLcsROx4GACP2dm0UCKCzCG+HiZ1guq6ZZDob/Tng='; object-src 'self'"</pre> +<pre class="brush: json">"content_security_policy": "script-src 'self' 'sha256-qznLcsROx4GACP2dm0UCKCzCG+HiZ1guq6ZZDob/Tng='; object-src 'self'"</pre> <p>Conserver le reste de la politique, mais exiger également que les images soient empaquetées avec l’extension :</p> -<pre class="brush: json no-line-numbers">"content_security_policy": "script-src 'self'; object-src 'self'; img-src 'self'"</pre> +<pre class="brush: json">"content_security_policy": "script-src 'self'; object-src 'self'; img-src 'self'"</pre> <p>Exiger que tous les types de contenu soient empaquetés avec l’extension :</p> -<pre class="brush: json no-line-numbers">"content_security_policy": "default-src 'self'" +<pre class="brush: json">"content_security_policy": "default-src 'self'" </pre> <h3 id="Exemples_non_valides">Exemples non valides</h3> <p>Politique qui omet la directive <code>"object-src"</code> :</p> -<pre class="brush: json no-line-numbers">"content_security_policy": "script-src 'self' https://*.jquery.com;"</pre> +<pre class="brush: json">"content_security_policy": "script-src 'self' https://*.jquery.com;"</pre> <p>Politique qui omet le mot-clé <code>"self"</code> dans la directive <code>"script-src"</code> :</p> -<pre class="brush: json no-line-numbers">"content_security_policy": "script-src https://*.jquery.com; object-src 'self'"</pre> +<pre class="brush: json">"content_security_policy": "script-src https://*.jquery.com; object-src 'self'"</pre> <p>Le schéma pour une source distante n’est pas <code>https:</code> :</p> -<pre class="brush: json no-line-numbers">"content_security_policy": "script-src 'self' http://code.jquery.com; object-src 'self'"</pre> +<pre class="brush: json">"content_security_policy": "script-src 'self' http://code.jquery.com; object-src 'self'"</pre> <p>Le caractère générique est utilisé avec un domaine générique :</p> -<pre class="brush: json no-line-numbers">"content_security_policy": "script-src 'self' https://*.blogspot.com; object-src 'self'"</pre> +<pre class="brush: json">"content_security_policy": "script-src 'self' https://*.blogspot.com; object-src 'self'"</pre> <p>La source spécifie un schéma mais aucun hôte :</p> -<pre class="brush: json no-line-numbers">"content_security_policy": "script-src 'self' https:; object-src 'self'"</pre> +<pre class="brush: json">"content_security_policy": "script-src 'self' https:; object-src 'self'"</pre> <p>La directive inclut le mot-clé non pris en charge <code>'unsafe-inline'</code> :</p> -<pre class="brush: json no-line-numbers">"content_security_policy": "script-src 'self' 'unsafe-inline'; object-src 'self'"</pre> +<pre class="brush: json">"content_security_policy": "script-src 'self' 'unsafe-inline'; object-src 'self'"</pre> -<p><span id="exampleNote_1">1. <em>Note : l</em></span><em>es exemples valides montrent l’utilisation correcte des clés dans CSP.<span> </span>Toutefois, les extensions avec </em><span><em><code>'unsafe-eval'</code>, <code>'unsafe-inline'</code>, des blobs, des scripts ou des sources distantes dans leur CSP ne sont pas autorisées à être répertoriées sur addons.mozilla.org en raison de problèmes de sécurité majeurs.</em></span></p> +<p>1. <em>Note : l</em><em>es exemples valides montrent l’utilisation correcte des clés dans CSP. Toutefois, les extensions avec </em><em><code>'unsafe-eval'</code>, <code>'unsafe-inline'</code>, des blobs, des scripts ou des sources distantes dans leur CSP ne sont pas autorisées à être répertoriées sur addons.mozilla.org en raison de problèmes de sécurité majeurs.</em></p> <h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/default_locale/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/default_locale/index.html index b8e1429a1f..8081e37c38 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/default_locale/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/default_locale/index.html @@ -9,11 +9,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/default_locale --- <div>{{AddonSidebar}}</div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> - <td><font face="Consolas">chaîne</font></td> + <td>chaîne</td> </tr> <tr> <th scope="row">Obligatoire</th> @@ -24,20 +24,20 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/default_locale <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "default_locale": "fr"</pre> </td> </tr> </tbody> </table> -<p><span id="result_box" lang="fr"><span>Cette clé doit être présente si l'extension contient le répertoire</span></span> _locales, <span id="result_box" lang="fr"><span>et doit être absente sinon</span></span>. <span id="result_box" lang="fr"><span>Il identifie un sous-répertoire de</span></span> _locales, e<span id="result_box" lang="fr"><span>t ce sous-répertoire sera utilisé pour trouver les chaînes par défaut pour votre extension.</span></span></p> +<p>Cette clé doit être présente si l'extension contient le répertoire _locales, et doit être absente sinon. Il identifie un sous-répertoire de _locales, et ce sous-répertoire sera utilisé pour trouver les chaînes par défaut pour votre extension.</p> <p>Voir <a href="/fr/Add-ons/WebExtensions/Internationalization">Internationalisation</a>.</p> <h2 id="Exemple">Exemple</h2> -<pre class="brush: json no-line-numbers">"default_locale": "fr"</pre> +<pre class="brush: json">"default_locale": "fr"</pre> <h2 id="Compatibilité_du_navigateur">Compatibilité du navigateur</h2> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/description/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/description/index.html index b61e07462b..3db7d64c3c 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/description/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/description/index.html @@ -9,11 +9,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/description --- <div>{{AddonSidebar}}</div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> - <td><font face="Consolas">chaîne</font></td> + <td>chaîne</td> </tr> <tr> <th scope="row">Obligatoire</th> @@ -22,7 +22,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/description <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "description": "Remplace des images par des portraits de chats."</pre> </td> </tr> @@ -35,7 +35,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/description <h2 id="Exemple">Exemple</h2> -<pre class="brush: json no-line-numbers">"description": "Remplace des images par des portraits de chats."</pre> +<pre class="brush: json">"description": "Remplace des images par des portraits de chats."</pre> <h2 id="Compatibilité_du_navigateur">Compatibilité du navigateur</h2> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/developer/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/developer/index.html index 7b3f160f4f..06cb4c1223 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/developer/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/developer/index.html @@ -9,7 +9,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/developer --- <div>{{AddonSidebar}}</div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> @@ -22,7 +22,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/developer <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "developer": { "name": "Walt Whitman", "url": "https://en.wikipedia.org/wiki/Walt_Whitman" @@ -40,7 +40,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/developer <h2 id="Exemple">Exemple</h2> -<pre class="brush: json no-line-numbers">"developer": { +<pre class="brush: json">"developer": { "name": "Walt Whitman", "url": "https://en.wikipedia.org/wiki/Walt_Whitman" }</pre> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/devtools_page/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/devtools_page/index.html index 3064d1505f..0abeca65bf 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/devtools_page/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/devtools_page/index.html @@ -13,11 +13,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/devtools_page --- <div>{{AddonSidebar}}</div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> - <td><font face="Consolas">chaîne</font></td> + <td>chaîne</td> </tr> <tr> <th scope="row">Obligatoire</th> @@ -26,7 +26,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/devtools_page <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "devtools_page": "devtools/my-page.html"</pre> </td> </tr> @@ -41,7 +41,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/devtools_page <h2 id="Exemple">Exemple</h2> -<pre class="brush: json no-line-numbers">"devtools_page": "devtools/my-page.html"</pre> +<pre class="brush: json">"devtools_page": "devtools/my-page.html"</pre> <h2 id="Compatibilité_du_navigateur">Compatibilité du navigateur</h2> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/dictionaries/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/dictionaries/index.html index 010f0455b2..1aad1f271c 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/dictionaries/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/dictionaries/index.html @@ -10,7 +10,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/dictionaries --- <div>{{AddonSidebar}}</div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> @@ -23,7 +23,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/dictionaries <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "dictionaries": { "en-US": "dictionaries/en-US.dic" }</pre> @@ -36,7 +36,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/dictionaries <h2 id="Exemple">Exemple</h2> -<pre class="brush: json no-line-numbers">"dictionaries": { +<pre class="brush: json">"dictionaries": { "en-US": "dictionaries/en-US.dic" }</pre> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/externally_connectable/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/externally_connectable/index.html index 3ef2f40e9a..86feb2a3de 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/externally_connectable/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/externally_connectable/index.html @@ -9,7 +9,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/externally_connectab --- <p>{{AddonSidebar}}{{SeeCompatTable}}</p> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row">Type</th> @@ -56,8 +56,8 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/externally_connectab <p>Les correspondances permettent la communication entre cette extension et les pages Web. Voici une liste d'expressions régulières pour les URL de page avec lesquelles vous souhaitez communiquer.</p> -<div class="blockIndicator note"> -<p><strong>Note: </strong>Si <code>browser_action</code> n'est pas spécifié, la communication entre les extensions est toujours autorisée, comme si <code>browser_action</code> était <code>{"ids": ["*"] }</code>, par conséquent, si vous spécifiez <code>browser_action.matches</code> n'oubliez pas d'ajouter des identifiants si vous souhaitez toujours communiquer. avec d'autres extensions.</p> +<div class="note"> +<p><strong>Note :</strong> Si <code>browser_action</code> n'est pas spécifié, la communication entre les extensions est toujours autorisée, comme si <code>browser_action</code> était <code>{"ids": ["*"] }</code>, par conséquent, si vous spécifiez <code>browser_action.matches</code> n'oubliez pas d'ajouter des identifiants si vous souhaitez toujours communiquer. avec d'autres extensions.</p> </div> <h2 id="Compatibilité_du_navigateur">Compatibilité du navigateur</h2> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/homepage_url/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/homepage_url/index.html index a40ab7f24a..aadd14cc6f 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/homepage_url/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/homepage_url/index.html @@ -9,11 +9,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/homepage_url --- <div>{{AddonSidebar}}</div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> - <td><font face="Consolas">chaîne</font></td> + <td>chaîne</td> </tr> <tr> <th scope="row">Obligatoire</th> @@ -22,7 +22,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/homepage_url <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "homepage_url": "https://example.org/my-addon"</pre> </td> </tr> @@ -31,13 +31,13 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/homepage_url <p>URL pour la page d'accueil de l'extension.</p> -<p>Si la clé <a href="https://developer.mozilla.org/fr/Add-ons/WebExtensions/manifest.json/developer">dévelopeur</a> est fournie et qu'elle contient la propriété "url", cela remplacera la clé "homepage_url".</p> +<p>Si la clé <a href="/fr/Add-ons/WebExtensions/manifest.json/developer">dévelopeur</a> est fournie et qu'elle contient la propriété "url", cela remplacera la clé "homepage_url".</p> <p>c'est une <a href="/fr/Add-ons/WebExtensions/Internationalization#Internationalizing_manifest.json">proriété localisable</a>.</p> <h2 id="Exemple">Exemple</h2> -<pre class="brush: json no-line-numbers">"homepage_url": "https://github.com/mdn/webextensions-examples/tree/master/beastify"</pre> +<pre class="brush: json">"homepage_url": "https://github.com/mdn/webextensions-examples/tree/master/beastify"</pre> <h2 id="Compatibilité_du_navigateur">Compatibilité du navigateur</h2> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/icons/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/icons/index.html index 97485ae32e..53b3ee6991 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/icons/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/icons/index.html @@ -9,7 +9,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/icons --- <div>{{AddonSidebar}}</div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> @@ -22,7 +22,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/icons <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "icons": { "48": "icon.png", "96": "icon@2x.png" @@ -32,11 +32,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/icons </tbody> </table> -<p>La clé <font face="Consolas">icons</font> spécifie des icônes pour votre extension. Ces icônes seront utilisées pour représenter l'extension dans des composants tels que le gestionnaire des modules d'extensions.</p> +<p>La clé icons spécifie des icônes pour votre extension. Ces icônes seront utilisées pour représenter l'extension dans des composants tels que le gestionnaire des modules d'extensions.</p> <p>Elle se compose d'une paire de valeurs-clés de taille d'image et le chemin d'accès au fichier image par rapport au répertoire racine de l'extension.</p> -<p>Si la clé <font face="Consolas">icons</font> n'est pas fournie, une icône d'extension standard sera utilisée par défaut.</p> +<p>Si la clé icons n'est pas fournie, une icône d'extension standard sera utilisée par défaut.</p> <p>Vous devez fournir au moins une icône d'extension principale, idéalement d'une taille de 48x48 pixels. C'est l'icône par défaut qui sera utilisée dans le Gestionnaire des extensions. Vous pouvez, cependant, fournir des icônes de n'importe quelle taille, et Firefox tentera de trouver la meilleure icône à afficher dans les différents composants.</p> @@ -44,9 +44,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/icons <h2 id="Exemple">Exemple</h2> -<p>Les clés dans l'objet <font face="Consolas">icons</font> spécifient la taille de l'icône en pixels et la valeur spécifie le chemin relatif de l'icône. Cet exemple contient une icône d'extension 48px et une version plus grande pour les écrans haute résolution.</p> +<p>Les clés dans l'objet icons spécifient la taille de l'icône en pixels et la valeur spécifie le chemin relatif de l'icône. Cet exemple contient une icône d'extension 48px et une version plus grande pour les écrans haute résolution.</p> -<pre class="brush: json no-line-numbers">"icons": { +<pre class="brush: json">"icons": { "48": "icon.png", "96": "icon@2x.png" }</pre> @@ -57,10 +57,10 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/icons <ol> <li>Vous devez spécifier un "viewBox" dans l'image. Par exemple : - <pre class="brush: html"><code><svg viewBox="0 0 48 48" width="48" height="48" ...</code></pre> + <pre class="brush: html"><svg viewBox="0 0 48 48" width="48" height="48" ...</pre> </li> <li>Même si vous pouvez utiliser un fichier, vous devez toujours spécifier différentes tailles de l'icône dans votre<code> manifest. </code>Par exemple : - <pre class="brush: json no-line-numbers">"icons": { + <pre class="brush: json">"icons": { "48": "icon.svg", "96": "icon.svg" }</pre> @@ -68,7 +68,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/icons </ol> <div class="note"> -<p><strong>Note</strong> : si vous utilisez un programme comme Inkscape pour créer un SVG, vous voudrez peut-être l'enregistrer en tant que "SVG simple". Firefox peut être gêné par des espaces de noms spéciaux, et ne pas afficher votre icône.</p> +<p><strong>Note :</strong> si vous utilisez un programme comme Inkscape pour créer un SVG, vous voudrez peut-être l'enregistrer en tant que "SVG simple". Firefox peut être gêné par des espaces de noms spéciaux, et ne pas afficher votre icône.</p> </div> <h2 id="Compatibilité_du_navigateur">Compatibilité du navigateur</h2> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/incognito/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/incognito/index.html index f64f3a04e9..8c4dc2adb3 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/incognito/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/incognito/index.html @@ -10,11 +10,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/incognito --- <div>{{AddonSidebar}}</div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> - <td><font face="Consolas">chaîne</font></td> + <td>chaîne</td> </tr> <tr> <th scope="row">Obligatoire</th> @@ -23,13 +23,13 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/incognito <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "incognito": "spanning"</pre> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "incognito": "split"</pre> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "incognito": "not_allowed"</pre> </td> </tr> @@ -42,25 +42,25 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/incognito <ul> <li> - <p>"spanning" (la valeur par défaut) : affichera des événements à partir de fenêtres et d'onglets privés et non privés. Fenêtres et onglets obtiendront une propriété <code>incognito</code> dans la <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/windows/Window">fenêtre</a></code> ou l'<code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/tabs/Tab">onglet </a></code>qui les représente. Cette propriété indique si l'objet est ou non privé :</p> + <p>"spanning" (la valeur par défaut) : affichera des événements à partir de fenêtres et d'onglets privés et non privés. Fenêtres et onglets obtiendront une propriété <code>incognito</code> dans la <code><a href="/fr/docs/Mozilla/Add-ons/WebExtensions/API/windows/Window">fenêtre</a></code> ou l'<code><a href="/fr/docs/Mozilla/Add-ons/WebExtensions/API/tabs/Tab">onglet </a></code>qui les représente. Cette propriété indique si l'objet est ou non privé :</p> <pre class="brush: js">browser.windows.getLastFocused().then((windowInfo) => { console.log(`Window is private: ${windowInfo.incognito}`); });</pre> </li> - <li>"split" : l'extension sera divisée entre des fenêtres privées et non privées. Il existe effectivement deux copies de l'extension en cours d'exécution : l'une ne voit que des fenêtres non privées, l'autre ne voit que des fenêtres privées. Chaque copie a un accès isolé aux APIs Web (par exemple, <code><a href="/en-US/docs/Web/API/Storage/LocalStorage">localStorage</a></code> n'est pas partagé). Toutefois, l'API des WebExtension <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/storage/local">storage.local</a></code> est partagé. (<strong>Note:</strong> ce paramètre n'est pas supporté par Firefox.)</li> + <li>"split" : l'extension sera divisée entre des fenêtres privées et non privées. Il existe effectivement deux copies de l'extension en cours d'exécution : l'une ne voit que des fenêtres non privées, l'autre ne voit que des fenêtres privées. Chaque copie a un accès isolé aux APIs Web (par exemple, <code><a href="/fr/docs/Web/API/Storage/LocalStorage">localStorage</a></code> n'est pas partagé). Toutefois, l'API des WebExtension <code><a href="/fr/docs/Mozilla/Add-ons/WebExtensions/API/storage/local">storage.local</a></code> est partagé. (<strong>Note:</strong> ce paramètre n'est pas supporté par Firefox.)</li> <li>"not_allowed" : les onglets privés et les fenêtres sont invisibles pour l'extension.</li> </ul> <h2 id="Exemple">Exemple</h2> -<pre class="brush: json no-line-numbers">"incognito": "spanning" +<pre class="brush: json">"incognito": "spanning" </pre> -<pre class="brush: json no-line-numbers">"incognito": "split" +<pre class="brush: json">"incognito": "split" </pre> -<pre class="brush: json no-line-numbers">"incognito": "not_allowed" +<pre class="brush: json">"incognito": "not_allowed" </pre> <h2 id="Compatibilité_du_navigateur">Compatibilité du navigateur</h2> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/index.html index 51e44acdca..564d4ae030 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/index.html @@ -11,8 +11,8 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json --- <p>{{AddonSidebar}}</p> -<div class="blockIndicator note"> -<p>Cet article décrit manifest.json pour les extensions web. Si vous cherchez des informations sur le manifeste.json dans les PWAs, consultez l'article <a href="/fr/docs/Web/Manifest">Web App Manifest</a>.</p> +<div class="note"> +<p><strong>Note :</strong> Cet article décrit manifest.json pour les extensions web. Si vous cherchez des informations sur le manifeste.json dans les PWAs, consultez l'article <a href="/fr/docs/Web/Manifest">Web App Manifest</a>.</p> </div> <p>Le fichier <code>manifest.json</code> est le seul fichier que chaque extension utilisant les API WebExtension doit contenir.</p> @@ -25,9 +25,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json <p>Les clés <code>manifest.json</code> sont listées ci-dessous:</p> -<div class="index">{{ListSubpages("/en-US/Add-ons/WebExtensions/manifest.json")}}</div> +<div>{{ListSubpages("/en-US/Add-ons/WebExtensions/manifest.json")}}</div> -<h3 class="index" id="Notes_about_manifest.json_keys">Notes about manifest.json keys</h3> +<h3 id="Notes_about_manifest.json_keys">Notes about manifest.json keys</h3> <ul> <li><code>"manifest_version"</code>, <code>"version"</code>, and <code>"name"</code> sont les seules clés obligatoires.</li> @@ -39,7 +39,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json <p>Vous pouvez accéder au manifest de votre extension depuis le JavaScript de l'extension en utilisant la fonction {{WebExtAPIRef("runtime.getManifest()")}} :</p> -<pre class="brush: js; no-line-numbers">browser.runtime.getManifest().version;</pre> +<pre class="brush: js;">browser.runtime.getManifest().version;</pre> <h2 id="Exemple">Exemple</h2> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/manifest_version/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/manifest_version/index.html index 1736eb49c1..2ee8e5c568 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/manifest_version/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/manifest_version/index.html @@ -9,7 +9,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/manifest_version --- <p>{{AddonSidebar}}</p> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> @@ -22,7 +22,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/manifest_version <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "manifest_version": 2</pre> </td> </tr> @@ -35,7 +35,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/manifest_version <h2 id="Exemple">Exemple</h2> -<pre class="brush: json no-line-numbers">"manifest_version": 2 +<pre class="brush: json">"manifest_version": 2 </pre> <h2 id="Comptabilité_des_navigateurs">Comptabilité des navigateurs</h2> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/name/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/name/index.html index fcd927842f..90316241bc 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/name/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/name/index.html @@ -9,11 +9,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/name --- <div>{{AddonSidebar}}</div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> - <td><font face="Consolas">chaîne</font></td> + <td>chaîne</td> </tr> <tr> <th scope="row">Obligatoire</th> @@ -22,7 +22,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/name <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "name": "Mon extension"</pre> </td> </tr> @@ -37,7 +37,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/name <h2 id="Exemple">Exemple</h2> -<pre class="brush: json no-line-numbers">"name": "Mon extension"</pre> +<pre class="brush: json">"name": "Mon extension"</pre> <h2 id="Compatibilité_du_navigateur">Compatibilité du navigateur</h2> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/offline_enabled/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/offline_enabled/index.html index 01c454f220..610193a425 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/offline_enabled/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/offline_enabled/index.html @@ -13,7 +13,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/offline_enabled --- <p>{{AddonSidebar}}</p> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> @@ -26,7 +26,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/offline_enabled <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "offline_enabled": true</pre> </td> </tr> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/omnibox/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/omnibox/index.html index 92280ba65a..77574d4145 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/omnibox/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/omnibox/index.html @@ -9,7 +9,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/omnibox --- <div>{{AddonSidebar}}</div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> @@ -22,7 +22,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/omnibox <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "omnibox": { "keyword": "mdn" }</pre> @@ -33,13 +33,13 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/omnibox <p>Utilisez la clé <code>omnibox</code> pour définir un mot-clé omnibox pour votre extension.</p> -<p>Lorsque l'utilisateur tape ce mot-clé dans la barre d'adresse du navigateur, suivi d'un espace, les caractères suivants seront envoyés à l'extension à l'aide de l'API <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/omnibox">omnibox</a></code>. L'extension pourra ensuite remplir la liste de suggestions de la liste déroulante de la barre d'adresse avec ses propres suggestions.</p> +<p>Lorsque l'utilisateur tape ce mot-clé dans la barre d'adresse du navigateur, suivi d'un espace, les caractères suivants seront envoyés à l'extension à l'aide de l'API <code><a href="/fr/docs/Mozilla/Add-ons/WebExtensions/API/omnibox">omnibox</a></code>. L'extension pourra ensuite remplir la liste de suggestions de la liste déroulante de la barre d'adresse avec ses propres suggestions.</p> <p>Si deux ou plusieurs extensions définissent le même mot-clé, l'extension qui a été installée la dernière permet de contrôler le mot-clé. Toute extension précédemment installée qui définit le même mot-clé ne pourra plus utiliser l'API omnibox.</p> <h2 id="Exemple">Exemple</h2> -<pre class="brush: json no-line-numbers">"omnibox": { +<pre class="brush: json">"omnibox": { "keyword": "mdn" }</pre> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/optional_permissions/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/optional_permissions/index.html index 71450d92f7..766909ece8 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/optional_permissions/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/optional_permissions/index.html @@ -10,11 +10,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/optional_permissions --- <div>{{AddonSidebar}}</div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> - <td><font face="Consolas">Tableau</font></td> + <td>Tableau</td> </tr> <tr> <th scope="row">Obligatoire</th> @@ -23,7 +23,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/optional_permissions <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "optional_permissions": [ "*://developer.mozilla.org/*", @@ -36,7 +36,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/optional_permissions <p>Utilisez la clé <code>optional_permissions</code> pour lister les permissions que vous souhaitez demander pour l'exécution, une fois que votre extension a été installée.</p> -<p>La clé de <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permissions</a></code> énumère les permissions dont votre extension a besoin si elle doit être installée. En revanche , <code>optional_permissions</code> liste les permissions dont votre extension n'a pas besoin au moment de l'installation, mais qu'il peut être nécessaire de demander pour l'exécution à un moment donné après son installation. Pour demander une permission, utilisez l'API {{webextapiref("permissions")}} . La demande de permission peut présenter probablement à l'utilisateur une boîte de dialogue lui demandant d'accorder la permission à votre extension.</p> +<p>La clé de <code><a href="/fr/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permissions</a></code> énumère les permissions dont votre extension a besoin si elle doit être installée. En revanche , <code>optional_permissions</code> liste les permissions dont votre extension n'a pas besoin au moment de l'installation, mais qu'il peut être nécessaire de demander pour l'exécution à un moment donné après son installation. Pour demander une permission, utilisez l'API {{webextapiref("permissions")}} . La demande de permission peut présenter probablement à l'utilisateur une boîte de dialogue lui demandant d'accorder la permission à votre extension.</p> <p>Pour des conseils sur la conception de votre demande d'autorisations d'exécution, afin de maximiser la probabilité que les utilisateurs les accordent, consultez la section, voir <a href="/fr/docs/Mozilla/Add-ons/WebExtensions/demander_les_bonnes_permissions#Demander_les_permissions_à_éxécuter">Demander les permissions à éxécuter</a>.</p> @@ -44,7 +44,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/optional_permissions <h2 id="Permissions_dhôte">Permissions d'hôte</h2> -<p>Ce sont les mêmes que les permissions d'hôte que vous pouvez spécifier dans la clé <code><a href="/en-US/Add-ons/WebExtensions/manifest.json/permissions#Host_permissions">permissions</a></code>.</p> +<p>Ce sont les mêmes que les permissions d'hôte que vous pouvez spécifier dans la clé <code><a href="/fr/Add-ons/WebExtensions/manifest.json/permissions#Host_permissions">permissions</a></code>.</p> <h2 id="Permissions_dAPI">Permissions d'API</h2> @@ -81,21 +81,21 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/optional_permissions </ul> </div> -<p>Notez qu'il s'agit d'un sous-ensemble des permissions API permises dans les <code><a href="/en-US/Add-ons/WebExtensions/manifest.json/permissions#API_permissions">permissions</a></code>.</p> +<p>Notez qu'il s'agit d'un sous-ensemble des permissions API permises dans les <code><a href="/fr/Add-ons/WebExtensions/manifest.json/permissions#API_permissions">permissions</a></code>.</p> -<p>Dans cet ensemble, les permissions suivantes sont accordées en silence, sans invite de l'utilisateur :<span class="blob-code-inner"><span class="pl-s"> <code>activeTab</code>, <code>cookies</code>, <code>idle</code>, <code>webRequest</code>, <code>webRequestBlocking</code><span class="pl-pds">.</span></span></span></p> +<p>Dans cet ensemble, les permissions suivantes sont accordées en silence, sans invite de l'utilisateur : <code>activeTab</code>, <code>cookies</code>, <code>idle</code>, <code>webRequest</code>, <code>webRequestBlocking</code>.</p> <h2 id="Exemple">Exemple</h2> -<pre class="brush: json no-line-numbers"> "optional_permissions": ["*://developer.mozilla.org/*"]</pre> +<pre class="brush: json"> "optional_permissions": ["*://developer.mozilla.org/*"]</pre> <p>Activez l'extension pour demander un accès privilégié aux pages sous developer.mozilla.org.</p> -<pre class="brush: json no-line-numbers"> "optional_permissions": ["tabs"]</pre> +<pre class="brush: json"> "optional_permissions": ["tabs"]</pre> <p>Activez l'extension pour demander l'accès aux éléments privilégiés de l'API des onglets.</p> -<pre class="brush: json no-line-numbers"> "optional_permissions": ["*://developer.mozilla.org/*", "tabs"]</pre> +<pre class="brush: json"> "optional_permissions": ["*://developer.mozilla.org/*", "tabs"]</pre> <p>Activez l'extension pour demander les deux permissions ci-dessus.</p> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/options_page/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/options_page/index.html index 75f6ad9730..a3a47b2679 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/options_page/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/options_page/index.html @@ -13,7 +13,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/options_page --- <div>{{AddonSidebar}}</div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> @@ -26,7 +26,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/options_page <tr> <th scope="row">Example</th> <td> - <pre class="brush: json; no-line-numbers"> + <pre class="brush: json;"> "options_page": "options/options.html"</pre> </td> </tr> @@ -34,7 +34,8 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/options_page </table> <div>{{Deprecated_Header}} -<div class="blockIndicator warning">Cette clé du manifest a été dépréciée. Utilisez <code><a href="/fr/Add-ons/WebExtensions/manifest.json/options_ui">options_ui</a></code>à la place.</div> +<div class="warning"> + <p><strong>Attention :</strong>Cette clé du manifest a été dépréciée. Utilisez <code><a href="/fr/Add-ons/WebExtensions/manifest.json/options_ui">options_ui</a></code>à la place.</p></div> </div> <p>Utilisez la clé d'<code>options_page</code> pour définir une <a href="/fr/Add-ons/WebExtensions/Options_pages">page d'options</a> pour votre extension.</p> @@ -45,7 +46,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/options_page <h2 id="Exemple">Exemple</h2> -<pre class="brush: json; no-line-numbers">"options_page": "options/options.html" +<pre class="brush: json;">"options_page": "options/options.html" </pre> <h2 id="Compatibilité_du_navigateur">Compatibilité du navigateur</h2> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/options_ui/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/options_ui/index.html index 6fbcc56888..9e272b1055 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/options_ui/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/options_ui/index.html @@ -12,7 +12,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/options_ui --- <div>{{AddonSidebar}}</div> -<table class="fullwidth-table standard-table" style="height: 166px; width: 852px;"> +<table class="standard-table" style="height: 166px; width: 852px;"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> @@ -25,7 +25,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/options_ui <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json; no-line-numbers"> + <pre class="brush: json;"> "options_ui": { "page": "options/options.html" }</pre> @@ -50,7 +50,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/options_ui <p>La clé <code>options_ui</code> est un objet avec le contenu suivant :</p> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <thead> <tr> <th scope="col">Name</th> @@ -68,9 +68,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/options_ui <p>Utilisez cette option pour inclure une feuille de style dans votre page qui la rendra compatible avec l'interface utilisateur du navigateur et avec d'autres extensions qui utilisent la propriété <code>browser_style</code> . Bien qu'il contienne par défaut <code>true</code> , il est recommandé d'inclure cette propriété.</p> - <p>Dans Firefox, la feuille de style peut être vue sur <code>chrome://browser/content/extension.css</code>, ou <code>chrome://browser/content/extension-mac.css</code> sur macOS. Lorsque vous fixez les dimensions, sachez que cette feuille de style fixe actuellement <code>box-sizing: border-box</code> (voir <a href="https://developer.mozilla.org/docs/Web/CSS/box-sizing">box-sizing</a>).</p> + <p>Dans Firefox, la feuille de style peut être vue sur <code>chrome://browser/content/extension.css</code>, ou <code>chrome://browser/content/extension-mac.css</code> sur macOS. Lorsque vous fixez les dimensions, sachez que cette feuille de style fixe actuellement <code>box-sizing: border-box</code> (voir <a href="/docs/Web/CSS/box-sizing">box-sizing</a>).</p> - <p>Le <a class="external external-icon" href="http://design.firefox.com/photon/">guide de style Firefox</a> décrit les classes que vous pouvez appliquer aux éléments de la fenêtre contextuelle afin d'obtenir des styles particuliers.</p> + <p>Le <a href="http://design.firefox.com/photon/">guide de style Firefox</a> décrit les classes que vous pouvez appliquer aux éléments de la fenêtre contextuelle afin d'obtenir des styles particuliers.</p> </td> </tr> <tr> @@ -99,7 +99,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/options_ui <h2 id="Exemple">Exemple</h2> -<pre class="brush: json; no-line-numbers"> "options_ui": { +<pre class="brush: json;"> "options_ui": { "page": "options/options.html" }</pre> @@ -112,7 +112,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/options_ui <h2 id="Voir_aussi">Voir aussi</h2> <ul> - <li><code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/options_page">options_page</a></code> {{deprecated_inline}}</li> - <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Browser_styles">Browser styles</a></li> - <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Options_pages">Options pages</a></li> + <li><code><a href="/fr/docs/Mozilla/Add-ons/WebExtensions/manifest.json/options_page">options_page</a></code> {{deprecated_inline}}</li> + <li><a href="/fr/docs/Mozilla/Add-ons/WebExtensions/user_interface/Browser_styles">Browser styles</a></li> + <li><a href="/fr/docs/Mozilla/Add-ons/WebExtensions/user_interface/Options_pages">Options pages</a></li> </ul> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/page_action/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/page_action/index.html index 86360e2758..bed07e4a3e 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/page_action/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/page_action/index.html @@ -9,7 +9,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/page_action --- <div>{{AddonSidebar}}</div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> @@ -22,7 +22,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/page_action <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "page_action": { "browser_style": true, "default_icon": { @@ -53,7 +53,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/page_action <p>La clé <code>page_action</code> est un objet qui peut avoir l'une des trois propriétés, toutes optionnelles:</p> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <thead> <tr> <th scope="col">Name</th> @@ -85,7 +85,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/page_action <p>Il est recommandé de fournir deux icônes ici, une 19x19 pixels et une 38x38 pixels, et de les spécifier dans un objet avec les noms de propriété "19" et "38", comme ceci:</p> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "default_icon": { "19": "geo-19.png", "38": "geo-38.png" @@ -95,7 +95,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/page_action <p>Vous pouvez simplement fournir une chaîne ici :</p> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "default_icon": "geo.png"</pre> <p>Si vous faites cela, l'icône sera mise à l'échelle pour correspondre à la barre d'outils et peut sembler floue.</p> @@ -107,7 +107,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/page_action <td> <p>Le chemin d'accès à un fichier HTML contenant la spécification de la fenêtre contextuelle.</p> - <p>Le fichier HTML peut inclure des fichiers CSS et JavaScript utilisant des éléments <code><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link"><link></a></code> et <code><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script"><script></a></code>, tout comme une page Web normale. Cependant, n'utilisez pas <code><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script"><script></a></code> avec du code intégré, car vous obtiendrez une erreur de politique de violation de contenu. Au lieu de cela, <code><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script"><script></a></code> doit utiliser l'attribut <code><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script">src</a></code> pour charger un fichier script séparé.</p> + <p>Le fichier HTML peut inclure des fichiers CSS et JavaScript utilisant des éléments <code><a href="/fr/docs/Web/HTML/Element/link"><link></a></code> et <code><a href="/fr/docs/Web/HTML/Element/script"><script></a></code>, tout comme une page Web normale. Cependant, n'utilisez pas <code><a href="/fr/docs/Web/HTML/Element/script"><script></a></code> avec du code intégré, car vous obtiendrez une erreur de politique de violation de contenu. Au lieu de cela, <code><a href="/fr/docs/Web/HTML/Element/script"><script></a></code> doit utiliser l'attribut <code><a href="/fr/docs/Web/HTML/Element/script">src</a></code> pour charger un fichier script séparé.</p> <p>Contrairement à une page Web normale, JavaScript en cours d'exécution dans la fenêtre contextuelle peut accéder à toutes les <a href="/fr/Add-ons/WebExtensions/API">APIs WebExtension</a> (à condition, bien sûr, que l'extension ait les <a href="/fr/Add-ons/WebExtensions/manifest.json/permissions">permissions</a> appropriées).</p> @@ -163,7 +163,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/page_action <h2 id="Exemple">Exemple</h2> -<pre class="brush: json no-line-numbers">"page_action": { +<pre class="brush: json">"page_action": { "default_icon": { "19": "button/geo-19.png", "38": "button/geo-38.png" @@ -172,9 +172,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/page_action <p>Une action de page avec juste une icône spécifiée en 2 tailles différentes. Les scripts d'arrière-plan de l'extension peuvent recevoir des événements de clic lorsque l'utilisateur clique sur l'icône en utilisant un code comme celui-ci :</p> -<pre class="brush: js no-line-numbers"> browser.pageAction.onClicked.addListener(handleClick);</pre> +<pre class="brush: js"> browser.pageAction.onClicked.addListener(handleClick);</pre> -<pre class="brush: json no-line-numbers">"page_action": { +<pre class="brush: json">"page_action": { "default_icon": { "19": "button/geo-19.png", "38": "button/geo-38.png" diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/permissions/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/permissions/index.html index f1a7196433..9fb4e2b3e0 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/permissions/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/permissions/index.html @@ -12,7 +12,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/permissions --- <p>{{AddonSidebar}}</p> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> @@ -25,7 +25,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/permissions <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "permissions": [ "*://developer.mozilla.org/*", "webRequest" @@ -65,7 +65,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/permissions <p>Dans Firefox, à partir de la version 56, les extensions reçoivent automatiquement les permissions d'hôte pour leur propre origine, qui se présentent sous la forme :</p> -<pre><code>moz-extension://60a20a9b-1ad4-af49-9b6c-c64c98c37920/</code></pre> +<pre>moz-extension://60a20a9b-1ad4-af49-9b6c-c64c98c37920/</pre> <p>Où <code>60a20a9b-1ad4-af49-9b6c-c64c98c37920</code> est l'ID interne de l'extension. L'extension peut obtenir cette URL par programmation en appelant <a href="/fr/Add-ons/WebExtensions/API/extension/getURL">extension.getURL() </a>:</p> @@ -179,15 +179,15 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/permissions <h2 id="Exemple">Exemple</h2> -<pre class="brush: json; no-line-numbers">"permissions": ["*://developer.mozilla.org/*"]</pre> +<pre class="brush: json;">"permissions": ["*://developer.mozilla.org/*"]</pre> <p>Demande d'accès privilégié aux pages sous developer.mozilla.org.</p> -<pre class="brush: json no-line-numbers">"permissions": ["tabs"]</pre> +<pre class="brush: json">"permissions": ["tabs"]</pre> <p>Demande d'accès aux éléments privilégiés de l'API <code>tabs.</code></p> -<pre class="brush: json no-line-numbers">"permissions": ["*://developer.mozilla.org/*", "tabs"]</pre> +<pre class="brush: json">"permissions": ["*://developer.mozilla.org/*", "tabs"]</pre> <p>Demande des deux permissions ci-dessus.</p> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/protocol_handlers/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/protocol_handlers/index.html index bf4293cf80..7c0478b2a2 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/protocol_handlers/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/protocol_handlers/index.html @@ -10,7 +10,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/protocol_handlers --- <div>{{AddonSidebar}}</div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> @@ -23,7 +23,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/protocol_handlers <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "protocol_handlers": [ { "protocol": "ircs", @@ -60,7 +60,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/protocol_handlers <h2 id="Exemple">Exemple</h2> -<pre class="brush: json no-line-numbers">"protocol_handlers": [ +<pre class="brush: json ">"protocol_handlers": [ { "protocol": "magnet", "name": "Magnet Extension", @@ -70,7 +70,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/protocol_handlers <p>Les gestionnaires peuvent également être des <a href="/fr/Add-ons/WebExtensions/user_interface/Extension_pages">pages d'extension</a>.</p> -<pre class="brush: json no-line-numbers">"protocol_handlers": [ +<pre class="brush: json ">"protocol_handlers": [ { "protocol": "magnet", "name": "Magnet Extension", diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/short_name/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/short_name/index.html index b8ff6201ca..9f7f4ed0c7 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/short_name/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/short_name/index.html @@ -9,7 +9,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/short_name --- <div>{{AddonSidebar}}</div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> @@ -22,7 +22,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/short_name <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "short_name": "MonExtension"</pre> </td> </tr> @@ -35,7 +35,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/short_name <h2 id="Exemple">Exemple</h2> -<pre class="brush: json no-line-numbers">"short_name": "MonExtension"</pre> +<pre class="brush: json">"short_name": "MonExtension"</pre> <h2 id="Compatibilité_du_navigateur">Compatibilité du navigateur</h2> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/sidebar_action/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/sidebar_action/index.html index 4e9585baf3..372b64e952 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/sidebar_action/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/sidebar_action/index.html @@ -7,7 +7,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/sidebar_action --- <div>{{AddonSidebar}}</div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> @@ -20,7 +20,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/sidebar_action <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "sidebar_action": { "default_icon": { "16": "button/geo-16.png", @@ -43,7 +43,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/sidebar_action <p>La clé <code>sidebar_action</code> est un objet qui peut avoir l'une des propriétés listées ci-dessous. La seule propriété obligatoire est <code>default_panel</code>.</p> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <thead> <tr> <th scope="col">Nom</th> @@ -53,16 +53,16 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/sidebar_action </thead> <tbody> <tr> - <td><code><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Browser_styles">browser_style</a></code></td> + <td><code><a href="/fr/docs/Mozilla/Add-ons/WebExtensions/user_interface/Browser_styles">browser_style</a></code></td> <td><code>Booléen</code></td> <td> <p>Facultatif, par défaut : <code>true</code> .</p> <p>Utilisez cette option pour inclure une feuille de style dans votre fenêtre contextuelle qui permettra la correspondance avec l'interface utilisateur du navigateur et les autres extensions qui utilisent la propriété <code>browser_style</code>.</p> - <p>Dans Firefox, la feuille de style peut être vue sur chrome://browser/content/extension.css, ou chrome://browser/content/extension-mac.css sur OS X. Lors de la définition des dimensions, savez que cette feiulle de style est actuellement définit <code>box-sizing: border-box</code> (see <a href="https://developer.mozilla.org/docs/Web/CSS/box-sizing">box-sizing</a>).</p> + <p>Dans Firefox, la feuille de style peut être vue sur chrome://browser/content/extension.css, ou chrome://browser/content/extension-mac.css sur OS X. Lors de la définition des dimensions, savez que cette feiulle de style est actuellement définit <code>box-sizing: border-box</code> (see <a href="/docs/Web/CSS/box-sizing">box-sizing</a>).</p> - <p>Le <a class="external external-icon" href="https://firefoxux.github.io/StyleGuide/#/controls">guide de style de Firefox</a> décrit les classes que vous pouvez appliquer aux éléments de la barre latérale afin d'obtenir des styles particuliers.</p> + <p>Le <a href="https://firefoxux.github.io/StyleGuide/#/controls">guide de style de Firefox</a> décrit les classes que vous pouvez appliquer aux éléments de la barre latérale afin d'obtenir des styles particuliers.</p> </td> </tr> <tr> @@ -75,12 +75,12 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/sidebar_action <p>Vous pouvez spécifier un seul fichier d'icône en fournissant une chaîne ici :</p> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "default_icon": "path/to/geo.svg"</pre> <p>Pour spécifier plusieurs icônes dans différentes tailles, spécifiez ici un objet. Le nom de chaque propriété est la hauteur de l'icône en pixels convertie en un nombre entier. La valeur est l'URL. Par exemple:</p> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "default_icon": { "16": "path/to/geo-16.png", "32": "path/to/geo-32.png" @@ -103,7 +103,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/sidebar_action <p>Cette propriété est obligatoire.</p> - <p>C'est une <a href="https://developer.mozilla.org/fr/Add-ons/WebExtensions/Internationalization#Internationalizing_manifest.json">propriété localisable</a>.</p> + <p>C'est une <a href="/fr/Add-ons/WebExtensions/Internationalization#Internationalizing_manifest.json">propriété localisable</a>.</p> </td> </tr> <tr> @@ -127,7 +127,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/sidebar_action <h2 id="Exemple">Exemple</h2> -<pre class="brush: json no-line-numbers">"sidebar_action": { +<pre class="brush: json">"sidebar_action": { "default_icon": "sidebar.svg", "default_title": "Ma barre latérale !", "default_panel": "sidebar.html", @@ -145,7 +145,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/sidebar_action <h2 id="Voir_aussi">Voir aussi</h2> <ul> - <li><code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action">browser_action</a></code></li> - <li><code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/page_action">page_action</a></code></li> - <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Browser_styles">Browser styles</a></li> + <li><code><a href="/fr/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action">browser_action</a></code></li> + <li><code><a href="/fr/docs/Mozilla/Add-ons/WebExtensions/manifest.json/page_action">page_action</a></code></li> + <li><a href="/fr/docs/Mozilla/Add-ons/WebExtensions/user_interface/Browser_styles">Browser styles</a></li> </ul> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/storage/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/storage/index.html index 7136c71195..fefc85229b 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/storage/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/storage/index.html @@ -11,7 +11,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/storage --- <div>{{AddonSidebar}}</div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> @@ -24,7 +24,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/storage <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "storage": { "managed_schema": "schema.json" }</pre> @@ -39,8 +39,8 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/storage <p>Après avoir déclaré les politiques, elles sont lues à partir de l'API {{WebExtAPIRef("storage.managed")}}. Cependant, si une valeur de politique n'est pas conforme au schéma, elle n'est pas publiée par l'API <code>storage.managed</code>. Il appartient à l'application d'appliquer les politiques configurées par l'administrateur.</p> -<div class="blockIndicator note"> -<p>Firefox ne définit pas de schéma pour le stockage géré, soir {{WebExtAPIRef("storage.managed")}} pour plus de détails.</p> +<div class="note"> +<p><strong>Note :</strong> Firefox ne définit pas de schéma pour le stockage géré, soir {{WebExtAPIRef("storage.managed")}} pour plus de détails.</p> </div> <p>La clé de <code>storage</code> est un objet qui possède les propriétés requises suivantes:</p> @@ -60,8 +60,8 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/storage <p>{{Compat("webextensions.manifest.storage", 10)}}</p> -<div class="blockIndicator note"> -<p><strong>Remerciements</strong></p> +<div class="note"> +<p><strong>Note :</strong></p> <p>Cette page comprend les détails de la page du site web des développeurs de Chrome <a href="https://developer.chrome.com/apps/manifest/storage">Manifeste pour les zones de stockage</a> incluses ici sous la licence Creative Commons Attribution 3.0 United States License.</p> </div> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/theme/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/theme/index.html index e6863f9a22..4fbeefd71f 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/theme/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/theme/index.html @@ -15,7 +15,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme --- <div>{{AddonSidebar}}</div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> @@ -46,15 +46,15 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <p>Utilisez la clé du thème pour définir un thème statique à appliquer à Firefox.</p> <div class="note"> -<p><strong>Note</strong>: Si vous voulez inclure un thème avec une extension, veuillez voir l'API {{WebExtAPIRef("theme")}}.</p> +<p><strong>Note :</strong> Si vous voulez inclure un thème avec une extension, veuillez voir l'API {{WebExtAPIRef("theme")}}.</p> </div> <div class="note"> -<p><strong>Note</strong>: Depuis mai 2019, les thèmes doivent être signés pour être installés ({{bug(1545109)}}). Voir <a href="/fr/docs/Mozilla/Add-ons/Distribution">Signature et distribution votre extension</a> pour plus de détails.</p> +<p><strong>Note :</strong> Depuis mai 2019, les thèmes doivent être signés pour être installés ({{bug(1545109)}}). Voir <a href="/fr/docs/Mozilla/Add-ons/Distribution">Signature et distribution votre extension</a> pour plus de détails.</p> </div> <div class="note"> -<p><strong>Prise en charge des thèmes dans Firefox pour Android</strong>: Une nouvelle version de Firefox pour Android, basée sur GeckoView, est en cours de développement. Une <a href="https://play.google.com/store/apps/details?id=org.mozilla.fenix" rel="noreferrer nofollow">pré-version</a> ne support pas les thèmes.</p> +<p><strong>Note :</strong> Prise en charge des thèmes dans Firefox pour Android : Une nouvelle version de Firefox pour Android, basée sur GeckoView, est en cours de développement. Une <a href="https://play.google.com/store/apps/details?id=org.mozilla.fenix" rel="noreferrer nofollow">pré-version</a> ne support pas les thèmes.</p> </div> <h2 id="Formats_des_images">Formats des images</h2> @@ -73,7 +73,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <p>La clé du thème est un objet qui prend les propriétés suivantes:</p> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <thead> <tr> <th scope="col">Nom</th> @@ -126,7 +126,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <p>Les images doivent avoir une hauteur de 200 pixels pour garantir qu'elles remplissent toujours l'espace d'en-tête verticalement.</p> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <thead> <tr> <th scope="col">Name</th> @@ -141,8 +141,8 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme </td> <td><code>String</code></td> <td> - <div class="blockIndicator warning"> - <p><code>headerURL</code> a été supprimé dans Firefox 70. Vous commencerez à recevoir des avertissements dans Firefox 65 et plus tard si vous chargez un thème qui utilise cette propriété. Utilisez <code>theme_frame</code> à la place.</p> + <div class="warning"> + <p><strong>Attention :</strong> <code>headerURL</code> a été supprimé dans Firefox 70. Vous commencerez à recevoir des avertissements dans Firefox 65 et plus tard si vous chargez un thème qui utilise cette propriété. Utilisez <code>theme_frame</code> à la place.</p> </div> <p>L'URL d'une image de premier plan doit être ajoutée à la zone d'en-tête et ancrée dans le coin supérieur droit de la zone d'en-tête.</p> @@ -161,8 +161,8 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>L'URL d'une image de premier plan doit être ajoutée à la zone d'en-tête et ancrée dans le coin supérieur droit de la zone d'en-tête.</p> - <div class="blockIndicator note"> - <p>L'ancre de l'image en haut à gauche de l'en-tête pour Chrome et si l'image ne remplit pas la zone de l'en-tête, l'image sera en mosaïque.</p> + <div class="note"> + <p><strong>Note :</strong> L'ancre de l'image en haut à gauche de l'en-tête pour Chrome et si l'image ne remplit pas la zone de l'en-tête, l'image sera en mosaïque.</p> </div> <p>Optionnel à partir de Firefox 60. Un de <code>theme_frame</code> ou <code>headerURL</code> devait être spécifié avant Firefox 60.</p> @@ -175,7 +175,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td><code>Array </code>de <code>String</code></td> <td> <div class="warning"> - <p>La propriété <code>additional_backgrounds</code> est experimentale. Il est actuellement accepté dans les versions finale de Firefox, mais son comportement est sujet à changement.</p> + <p><strong>Attention :</strong> La propriété <code>additional_backgrounds</code> est experimentale. Il est actuellement accepté dans les versions finale de Firefox, mais son comportement est sujet à changement.</p> </div> <p>Un tableau d'URLs pour les images de fond supplémentaires à ajouter à la zone d'en-tête et à afficher derrière l'image <code>"theme_frame"</code> : Ces images superposent la première image du tableau en haut, la dernière image du tableau en bas.</p> @@ -192,24 +192,24 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <p>Ces propriétés définissent les couleurs utilisées pour les différentes parties du navigateur. Ils sont tous facultatifs (mais notez que <code>"accentcolor"</code> et <code>"textcolor"</code> étaient obligatoires dans Firefox avant la version 63). L'effet de ces propriétés sur l'interface utilisateur de Firefox est présenté ici:</p> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> - <td style="background-color: white;"> - <p><img alt="Overview of the color properties and how they apply to Firefox UI components" src="https://mdn.mozillademos.org/files/16855/Themes_components_annotations.png" style="height: 1065px; width: 1521px;"></p> + <td> + <p><img src="themes_components_annotations.png"></p> </td> </tr> </tbody> </table> -<div class="blockIndicator note"> -<p>Lorsqu'un composant est affecté par plusieurs propriétés de couleur, les propriétés sont listées par ordre de priorité.</p> +<div class="note"> +<p><strong>Note :</strong> Lorsqu'un composant est affecté par plusieurs propriétés de couleur, les propriétés sont listées par ordre de priorité.</p> </div> <p>Toutes ces propriétés peuvent être spécifiées sous la forme d'une chaîne contenant un <a href="/fr/docs/Web/CSS/color_value">code de couleur CSS</a>, ou un tableau RVB tel que <code>"tab_background_text": [ 107 , 99 , 23 ]</code>, ou en héxadécimal, tel que <code>"tab_background_text": #6b6317</code>.</p> -<div class="blockIndicator note"> -<p><a href="/fr/Add-ons/WebExtensions/manifest.json/theme#Chrome_compatibility">Dans Chrome, les couleurs ne peuvent être spécifiées que sous forme de tableau RVB</a>.</p> +<div class="note"> +<p><strong>Note :</strong> <a href="/fr/Add-ons/WebExtensions/manifest.json/theme#Chrome_compatibility">Dans Chrome, les couleurs ne peuvent être spécifiées que sous forme de tableau RVB</a>.</p> <p>Dans Firefox pour Android, les couleurs peuvent être spécifiées en utilisant:</p> @@ -221,7 +221,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <p>Les couleurs pour les thèmes Firefox pour Android ne peuvent pas être spécifiées à l'aide des noms de couleurs.</p> </div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <thead> <tr> <th scope="col">Name</th> @@ -232,14 +232,12 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <tr> <td><code>accentcolor</code><code> {{Deprecated_Inline}}</code></td> <td> - <div class="blockIndicator warning"> - <p><code>accentcolor</code> a été supprimé dans Firefox 70. Vous commencerez à recevoir des avertissements dans Firefox 65 et plus tard si vous chargez un thème qui utilise cette propriété. Utilisez <code>frame</code> à la place.</p> + <div class="warning"> + <p><strong>Attention :</strong> <code>accentcolor</code> a été supprimé dans Firefox 70. Vous commencerez à recevoir des avertissements dans Firefox 65 et plus tard si vous chargez un thème qui utilise cette propriété. Utilisez <code>frame</code> à la place.</p> </div> <p>La couleur de l'arrière-plan de la zone d'en-tête, affichée dans l'en-tête quand il n'est pas couvert ou reste visible à travers les images spécifiées dans <code>"headerURL"</code> et <code>"additional_backgrounds"</code>.</p> - <details><summary>Voir exemple</summary> - <pre class="brush: json"> "theme": { "colors": { @@ -247,9 +245,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "tab_background_text": "white" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15871/theme-accentcolor.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-accentcolor.png"></p> </td> </tr> <tr> @@ -257,13 +255,13 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur du texte et des icônes dans le signet et les barres de recherche. De plus, si <code>tab_text</code> n'est pas défini, il définit la couleur du texte de l'onglet actif et si les <code>icons</code> ne sont pas définies, la couleur des icônes de la barre d'outils. Fourni en tant qu'alias compatible Chrome pour l'outils <code>toolbar_text</code>.</p> - <div class="blockIndicator note"> - <p>Assurez-vous que toute couleur utilisée contraste bien avec celles utilisées dans <code>frame</code> et <code>frame_inactive</code> ou <code>toolbar</code> si vous utilisez cette propriété.</p> + <div class="note"> + <p><strong>Note :</strong> Assurez-vous que toute couleur utilisée contraste bien avec celles utilisées dans <code>frame</code> et <code>frame_inactive</code> ou <code>toolbar</code> si vous utilisez cette propriété.</p> <p>Là où les <code>icons</code> ne sont pas définis, assurez-vous également d'un bon contraste avec <code>button_background_active</code> et <code>button_background_hover</code>.</p> </div> - <details><summary>Voir exemple</summary> + <pre class="brush: json"> "theme": { @@ -274,9 +272,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "bookmark_text": "red" } }</pre> - </details> + - <p><img alt="Example use of the bookmark_text color property" src="https://mdn.mozillademos.org/files/16668/theme-bookmark_text.png"></p> + <p><img src="theme-bookmark_text.png"></p> </td> </tr> <tr> @@ -284,7 +282,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur de l'arrière-plan des boutons de la barre d'outils.</p> - <details><summary>Voir exemple</summary> + <pre class="brush: json"> "theme": { @@ -294,9 +292,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "button_background_active": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15872/theme-button_background_active.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-button_background_active.png"></p> </td> </tr> <tr> @@ -304,8 +302,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur de l'arrière-plan des boutons de la barre d'outils au survol.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -314,9 +311,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "button_background_hover": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15873/theme-button_background_hover.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-button_background_hover.png"></p> </td> </tr> <tr> @@ -324,12 +321,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur des icônes de la barre d'outils, à l'exclusion de celles de la barre d'outils de recherche.</p> - <div class="blockIndicator note"> - <p>Assurez-vous que la couleur utilisée contraste bien avec celles utilisées dans <code>frame</code>, <code>frame_inactive</code>, <code>button_background_active</code>, et <code>button_background_hover</code>.</p> + <div class="note"> + <p><strong>Note :</strong> Assurez-vous que la couleur utilisée contraste bien avec celles utilisées dans <code>frame</code>, <code>frame_inactive</code>, <code>button_background_active</code>, et <code>button_background_hover</code>.</p> </div> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -338,9 +334,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "icons": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15874/theme-icons.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-icons.png"></p> </td> </tr> <tr> @@ -348,11 +344,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur des icônes de la barre d'outils dans l'état d'attention comme l'icône de signet étoilé ou l'icône de téléchargement terminé.</p> - <div class="blockIndicator note"> - <p>Assurez-vous que la couleur utilisée contraste bien avec celles utilisées dans <code>frame</code>, <code>frame_inactive</code>, <code>button_background_active</code>, et <code>button_background_hover</code>.</p> + <div class="note"> + <p><strong>Note :</strong> Assurez-vous que la couleur utilisée contraste bien avec celles utilisées dans <code>frame</code>, <code>frame_inactive</code>, <code>button_background_active</code>, et <code>button_background_hover</code>.</p> </div> - <details><summary>Voir exemple</summary> + <pre class="brush: json"> "theme": { @@ -362,9 +358,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "icons_attention": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15875/theme-icons_attention.png" style="height: 324px; width: 738px;"></p> + <p><img alt="" src="theme-icons_attention.png"></p> </td> </tr> <tr> @@ -372,8 +368,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur de l'arrière-plan de la zone d'en-tête, affichée dans la partie de l'en-tête non couverte ou visible à travers les images spécifiées dans <code>"theme_frame"</code> et <code>"additional_backgrounds"</code>.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -381,9 +376,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "tab_background_text": "white" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15871/theme-accentcolor.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-accentcolor.png"></p> </td> </tr> <tr> @@ -391,8 +386,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur de l'arrière-plan de la zone d'en-tête quand la fenêtre du navigateur est inactive, affichée dans la partie de l'en-tête non couverte ou visible à travers les images spécifiées dans <code>"theme_frame"</code> et <code>"additional_backgrounds"</code>.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -401,9 +395,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "tab_text": "white" } }</pre> - </details> + - <p><img alt="Example use of the frame_inactive color property" src="https://mdn.mozillademos.org/files/16669/theme-frame_inactive.png" style="height: 193px; width: 752px;"></p> + <p><img src="theme-frame_inactive.png"></p> </td> </tr> <tr> @@ -411,8 +405,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La nouvelle couleur d'arrière-plan de la page à onglet.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -420,9 +413,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "ntp_text": "white" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/16175/ntp_colors.png" style="display: block; height: 190px; margin: 0 auto;"></p> + <p><img src="ntp_colors.png"></p> </td> </tr> <tr> @@ -430,12 +423,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur du texte de la page nouvel onglet.</p> - <div class="blockIndicator note"> - <p>Assurez-vous que la couleur utilisée contraste bien avec celle utilisée dans <code>ntp_background</code>.</p> + <div class="note"> + <p><strong>Note :</strong> Assurez-vous que la couleur utilisée contraste bien avec celle utilisée dans <code>ntp_background</code>.</p> </div> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -443,9 +435,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "ntp_text": "white" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/16175/ntp_colors.png" style="display: block; height: 190px; margin: 0 auto;"></p> + <p><img src="ntp_colors.png"></p> </td> </tr> <tr> @@ -453,8 +445,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur d'arrière-plan des popups (telles que la liste déroulante de la barre d'adresse et les menus avec une flèche)</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -463,9 +454,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "popup": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15876/theme-popup.png" style="height: 324px; width: 738px;"></p> + <p><img src="theme-popup.png"></p> </td> </tr> <tr> @@ -473,8 +464,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur de la bordure des popups.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -485,9 +475,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "popup_border": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15877/theme-popup_border.png" style="height: 324px; width: 738px;"></p> + <p><img src="theme-popup_border.png"></p> </td> </tr> <tr> @@ -495,12 +485,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur d'arrière-plan des éléments mis en surbrillance à l'aide du clavier dans les fenêtre contextuelles (tel que l’élément sélectionné dans le menu déroulant de la barre d'URL).</p> - <div class="blockIndicator note"> - <p>Il est recommandé de définir <code>popup_highlight_text</code> pour remplacer la couleur de texte par défaut du navigateur sur différentes plateformes.</p> + <div class="note"> + <p><strong>Note :</strong> Il est recommandé de définir <code>popup_highlight_text</code> pour remplacer la couleur de texte par défaut du navigateur sur différentes plateformes.</p> </div> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -510,9 +499,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "popup_highlight_text": "white", } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15878/theme-popup_highlight.png" style="height: 490px; width: 738px;"></p> + <p><img src="theme-popup_highlight.png"></p> </td> </tr> <tr> @@ -520,11 +509,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur du texte des éléments mis en surbrillance dans les fenêtres contextuelles.</p> - <div class="blockIndicator note"> - <p>S'assurer que la couleur utilisée contraste bien avec celle utilisée dans <code>popup_highlight</code>.</p> + <div class="note"> + <p><strong>Note :</strong> S'assurer que la couleur utilisée contraste bien avec celle utilisée dans <code>popup_highlight</code>.</p> </div> - <details><summary>Voir exemple</summary> + <pre class="brush: json"> "theme": { @@ -535,9 +524,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "popup_highlight_text": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15879/theme-popup_highlight_text.png" style="height: 490px; width: 738px;"></p> + <p><img src="theme-popup_highlight_text.png"></p> </td> </tr> <tr> @@ -545,12 +534,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur du texte des popups.</p> - <div class="blockIndicator note"> - <p>S'assurer que la couleur utilisée contraste bien avec celle utilisée dans <code>popup</code>.</p> + <div class="note"> + <p><strong>Note :</strong> S'assurer que la couleur utilisée contraste bien avec celle utilisée dans <code>popup</code>.</p> </div> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -560,9 +548,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "popup_text": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15880/popup_text.png" style="height: 490px; width: 738px;"></p> + <p><img src="popup_text.png"></p> </td> </tr> <tr> @@ -570,8 +558,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur de fond des barres latérales intégrées.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -581,9 +568,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "sidebar_text": "white" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/16176/sidebar_colors.png" style="display: block; margin: 0 auto; width: 250px;"></p> + <p><img alt="" src="sidebar_colors.png"></p> </td> </tr> <tr> @@ -591,17 +578,16 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur de la bordure et du séparateur de la barre latérale du navigateur.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { "sidebar_border": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/16177/Screen_Shot_2018-09-16_at_6.13.31_PM.png" style="display: block; height: 286px; margin: 0px auto; width: 300px;"></p> + <p><img alt="" src="screen_shot_2018-09-16_at_6.13.31_pm.png" ></p> </td> </tr> <tr> @@ -609,8 +595,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur d'arrière-plan des lignes en surbrillance dans les barres latérales intégrées.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -618,9 +603,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "sidebar_highlight_text": "white" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/16223/Screen_Shot_2018-10-04_at_11.15.46_AM.png" style="display: block; height: 357px; margin: 0px auto; width: 269px;"></p> + <p><img src="screen_shot_2018-10-04_at_11.15.46_am.png"></p> </td> </tr> <tr> @@ -628,12 +613,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur du texte des lignes en surbrillance dans les barres latérales intégrées.</p> - <div class="blockIndicator note"> - <p>S'assurer que la couleur utilisée contraste bien avec celle utilisée dans <code>sidebar_highlight</code>.</p> + <div class="note"> + <p><strong>Note :</strong> S'assurer que la couleur utilisée contraste bien avec celle utilisée dans <code>sidebar_highlight</code>.</p> </div> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -641,9 +625,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "sidebar_highlight_text": "red", } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/16224/Screen_Shot_2018-10-04_at_11.22.41_AM.png" style="display: block; height: 363px; margin: auto; width: 262px;"></p> + <p><img src="screen_shot_2018-10-04_at_11.22.41_am.png"></p> </td> </tr> <tr> @@ -651,12 +635,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur du texte des barres latérales intégrées.</p> - <div class="blockIndicator note"> - <p>S'assurer que la couleur utilisée contraste bien avec celle utilisée dans <code>sidebar</code>.</p> + <div class="note"> + <p><strong>Note :</strong> S'assurer que la couleur utilisée contraste bien avec celle utilisée dans <code>sidebar</code>.</p> </div> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -666,9 +649,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "sidebar_text": "white" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/16176/sidebar_colors.png" style="display: block; margin: 0 auto; width: 250px;"></p> + <p><img alt="" src="sidebar_colors.png"></p> </td> </tr> <tr> @@ -676,8 +659,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur du séparateur vertical des onglets d'arrière-plan.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -686,9 +668,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "tab_background_separator": "red" } }</pre> - </details> + - <p><img alt="A closeup of browser tabs to highlight the separator." src="https://mdn.mozillademos.org/files/16048/theme-tab-background-separator.png" style="height: 356px; width: 738px;"></p> + <p><img src="theme-tab-background-separator.png"></p> </td> </tr> <tr> @@ -696,12 +678,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur du texte affiché dans les onglets des pages inactives. Si <code>tab_text</code> ou <code>bookmark_text</code> n'est pas spécifié, s'applique au texte de l'onglet actif.</p> - <div class="blockIndicator note"> - <p>Assurez-vous que la couleur utilisée contraste bien avec celles utilisées dans <code>tab_selected</code> ou <code>frame</code> et <code>frame_inactive</code>.</p> + <div class="note"> + <p><strong>Note :</strong> Assurez-vous que la couleur utilisée contraste bien avec celles utilisées dans <code>tab_selected</code> ou <code>frame</code> et <code>frame_inactive</code>.</p> </div> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -710,9 +691,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "tab_background_text": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15885/theme-textcolor.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-textcolor.png"></p> </td> </tr> <tr> @@ -720,8 +701,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur de la ligne de l'onglet sélectionnée.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -730,9 +710,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "tab_line": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15881/theme-tab_line.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-tab_line.png"></p> </td> </tr> <tr> @@ -740,8 +720,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur de l'indicateur de chargement de l'onglet et de l'effet de vague.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -750,9 +729,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "tab_loading": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15882/theme-tab_loading.gif" style="height: 186px; width: 618px;"></p> + <p><img alt="" src="theme-tab_loading.gif"></p> </td> </tr> <tr> @@ -760,8 +739,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur de fond de l'onglet sélectionné. Lorsqu'elle n'est pas utilisée, la couleur de l'onglet sélectionné est définie par <code>frame</code> et <code>frame_inactive</code>.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "images": { @@ -773,9 +751,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "tab_selected": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15883/theme-tab_selected.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-tab_selected.png"></p> </td> </tr> <tr> @@ -783,13 +761,13 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>Depuis Firefox 59, il représente la couleur du texte de l'onglet sélectionné. Si <code>tab_line</code> n'est pas spécifié, il définit également la couleur de la ligne de tabulation sélectionnée.</p> - <div class="blockIndicator note"> - <p>Assurez-vous que la couleur utilisée contraste bien avec celles utilisées dans <code>tab_selected</code> ou <code>frame</code> et <code>frame_inactive</code>.</p> + <div class="note"> + <p><strong>Note :</strong> Assurez-vous que la couleur utilisée contraste bien avec celles utilisées dans <code>tab_selected</code> ou <code>frame</code> et <code>frame_inactive</code>.</p> </div> <p>De Firefox 55 à 58, il est incorrectement implémenté comme alias pour <code>"textcolor"</code></p> - <details><summary>Voir exemple</summary> + <pre class="brush: json"> "theme": { @@ -803,22 +781,21 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "tab_text": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15884/theme-tab_text.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-tab_text.png"></p> </td> </tr> <tr> <td><code>textcolor {{Deprecated_Inline}}</code></td> <td> - <div class="blockIndicator warning"> - <p><code>textcolor</code> a été supprimé dans Firefox 70. Vous commencerez à recevoir des avertissements dans Firefox 65 et plus tard si vous chargez un thème qui utilise cette propriété. Utilisez <code>tab_text</code> à la place.</p> + <div class="warning"> + <p><strong>Attention :</strong> <code>textcolor</code> a été supprimé dans Firefox 70. Vous commencerez à recevoir des avertissements dans Firefox 65 et plus tard si vous chargez un thème qui utilise cette propriété. Utilisez <code>tab_text</code> à la place.</p> </div> <p>La couleur du texte affiché dans la zone d'en-tête.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -827,9 +804,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "textcolor": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15885/theme-textcolor.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-textcolor.png"></p> </td> </tr> <tr> @@ -839,8 +816,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <p>Ceci définit également la couleur de fond de la barre "Rechercher".</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -849,9 +825,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "tab_background_text": "white" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15966/toolbar.png" style="height: 335px; width: 738px;"></p> + <p><img alt="" src="toolbar.png"></p> </td> </tr> <tr> @@ -859,8 +835,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur de la ligne séparant le bas de la barre d'outils de la région en dessous.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -869,9 +844,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "toolbar_bottom_separator": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15887/theme-toolbar_bottom_separator.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-toolbar_bottom_separator.png"></p> </td> </tr> <tr> @@ -881,8 +856,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <p>Ceci définit également la couleur de fond du champ Rechercher dans la page.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -891,9 +865,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "toolbar_field": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15967/toolbar-field.png" style="height: 335px; width: 738px;"></p> + <p><img alt="" src="toolbar-field.png"></p> </td> </tr> <tr> @@ -903,8 +877,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <p>Ceci définit également la couleur de fond du champ Rechercher dans la page.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -916,9 +889,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "toolbar_field_border": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15968/toolbar-field-border.png" style="height: 335px; width: 738px;"></p> + <p><img alt="" src="toolbar-field-border.png"></p> </td> </tr> <tr> @@ -926,8 +899,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur de bordure pour les champs de la barre d'outils qui ont le focus.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -939,9 +911,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "toolbar_field_border_focus": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15890/theme-toolbar_field_border_focus.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-toolbar_field_border_focus.png"></p> </td> </tr> <tr> @@ -949,8 +921,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur de fond pour les champs de la barre d'outils qui ont le focus, tels que la barre d'URL.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -962,15 +933,14 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "toolbar_field_focus": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15891/theme-toolbar_field_focus.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-toolbar_field_focus.png"></p> </td> </tr> <tr> <td><code>toolbar_field_highlight</code></td> <td>La couleur d'arrière-plan utilisée pour indiquer la sélection actuelle du texte dans la barre URL (et la barre de recherche, si elle est configurée pour être séparée). - <details open><summary>See example</summary> <pre class="brush: json"> "theme": { "colors": { @@ -980,9 +950,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "toolbar_field_highlight_text": "rgb(0, 80, 0)" } }</pre> - </details> + - <p><img alt="Example showing customized text and highlight colors in the URL bar" src="https://mdn.mozillademos.org/files/16632/toolbar_field_highlight.png" style="height: 289px; width: 738px;"></p> + <p><img src="toolbar_field_highlight.png"></p> <p>Ici, le champ <code>toolbar_field_highlight</code> spécifie que la couleur de surbrillance est un vert clair, alors que le texte est réglé sur un vert foncé à vert moyen en utilisant le texte <code>toolbar_field_highlight_text</code>.</p> </td> @@ -992,11 +962,10 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur utilisée pour dessiner le texte actuellement sélectionné dans la barre d'URL (et la barre de recherche, si elle est configurée comme boîte séparée).</p> - <div class="blockIndicator note"> - <p>S'assurer que la couleur utilisée contraste bien avec celles utilisées dans <code>toolbar_field_highlight</code>.</p> + <div class="note"> + <p><strong>Note :</strong> S'assurer que la couleur utilisée contraste bien avec celles utilisées dans <code>toolbar_field_highlight</code>.</p> </div> - <details open><summary>See example</summary> <pre class="brush: json"> "theme": { @@ -1007,9 +976,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "toolbar_field_highlight_text": "rgb(0, 80, 0)" } }</pre> - </details> + - <p><img alt="Example showing customized text and highlight colors in the URL bar" src="https://mdn.mozillademos.org/files/16632/toolbar_field_highlight.png" style="height: 289px; width: 738px;"></p> + <p><img src="toolbar_field_highlight.png"></p> <p>Ici, le champ <code>toolbar_field_highlight_text</code> permet de régler la couleur du texte sur un vert foncé moyen foncé, tandis que la couleur de surbrillance est un vert clair.</p> </td> @@ -1021,8 +990,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur des séparateurs à l'intérieur de la barre d'URL. Dans Firefox 58, cela a été implémenté en tant que <code>toolbar_vertical_separator</code>.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -1032,9 +1000,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "toolbar_field_separator": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15895/theme-toolbar_field_separator.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-toolbar_field_separator.png"></p> <p>Dans cette capture d'écran, <code>"toolbar_vertical_separator"</code> est la ligne verticale blanche dans la barre URL qui sépare l'icône du mode lecture des autres icônes.</p> </td> @@ -1044,12 +1012,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur du texte dans les champs de la barre d'outils, comme la barre URL. Ceci définit également la couleur du texte dans le champ Rechercher dans la page.</p> - <div class="blockIndicator note"> - <p>Assurez-vous que la couleur utilisée contraste bien avec celles utilisées dans <code>toolbar_field</code>.</p> + <div class="note"> + <p><strong>Note :</strong> Assurez-vous que la couleur utilisée contraste bien avec celles utilisées dans <code>toolbar_field</code>.</p> </div> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -1060,9 +1027,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "toolbar_field_text": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15969/toolbar-field-text.png" style="height: 335px; width: 738px;"></p> + <p><img alt="" src="toolbar-field-text.png"></p> </td> </tr> <tr> @@ -1070,12 +1037,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur du texte dans les champs de la barre d'outils qui ont le focus, tels que la barre d'URL.</p> - <div class="blockIndicator note"> - <p>Assurez-vous que la couleur utilisée contraste bien avec celles utilisées dans <code>toolbar_field_focus</code>.</p> + <div class="note"> + <p><strong>Note :</strong> Assurez-vous que la couleur utilisée contraste bien avec celles utilisées dans <code>toolbar_field_focus</code>.</p> </div> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -1087,9 +1053,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "toolbar_field_text_focus": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15893/theme-toolbar_field_text_focus.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-toolbar_field_text_focus.png"></p> </td> </tr> <tr> @@ -1097,12 +1063,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur du texte de la barre d'outils. Ceci définit également la couleur du texte dans la barre "Rechercher".</p> - <div class="blockIndicator note"> - <p>Pour la compatibilité avec Chrome, utilisez l'alias <code>bookmark_text</code>.</p> + <div class="note"> + <p><strong>Note :</strong> Pour la compatibilité avec Chrome, utilisez l'alias <code>bookmark_text</code>.</p> </div> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -1112,9 +1077,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "toolbar_text": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15970/toolbar-text.png" style="height: 335px; width: 738px;"></p> + <p><img alt="" src="toolbar-text.png"></p> </td> </tr> <tr> @@ -1122,8 +1087,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur de la ligne séparant le bas de la barre d'outils de la région en dessous.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -1133,9 +1097,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "toolbar_top_separator": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15897/theme-toolbar_top_separator.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-toolbar_top_separator.png"></p> </td> </tr> <tr> @@ -1143,8 +1107,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur du séparateur à côté de l'icône du menu d'application. Dans Firefox 58, il correspond à la couleur des séparateurs dans la barre d'URL.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -1154,9 +1117,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "toolbar_vertical_separator": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15898/theme-toolbar_vertical_separator.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-toolbar_vertical_separator.png"></p> </td> </tr> </tbody> @@ -1166,11 +1129,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <p>En outre, cette clé accepte diverses propriétés qui sont des alias pour l'une des propriétés ci-dessus. Ceux-ci sont fournis pour la compatibilité avec Chrome. Si un alias est donné et que la version non-alias est également donnée, alors la valeur sera tirée de la version non-alias.</p> -<div class="blockIndicator warning"> -<p>A partir de Firefox 70, les propriétés suivantes sont supprimées : <code>accentcolor</code> et <code>textcolor</code>. Utilisez à la place <code>frame</code> et <code>tab_background_text</code>. L'utilisation de ces valeurs dans des thèmes chargés dans Firefox 65 ou une version ultérieure augmentera les avertissements.</p> +<div class="warning"> +<p><strong>Attention :</strong> A partir de Firefox 70, les propriétés suivantes sont supprimées : <code>accentcolor</code> et <code>textcolor</code>. Utilisez à la place <code>frame</code> et <code>tab_background_text</code>. L'utilisation de ces valeurs dans des thèmes chargés dans Firefox 65 ou une version ultérieure augmentera les avertissements.</p> </div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <thead> <tr> <th scope="col">Nom</th> @@ -1199,7 +1162,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <h3 id="properties">properties</h3> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <thead> <tr> <th scope="col">Name</th> @@ -1266,7 +1229,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <p>Un thème de base doit définir une image à ajouter à l'en-tête, la couleur d'accent à utiliser dans l'en-tête et la couleur du texte utilisée dans l'en-tête:</p> -<pre class="brush: json" dir="ltr"> "theme": { +<pre class="brush: json"> "theme": { "images": { "theme_frame": "images/sun.jpg" }, @@ -1276,9 +1239,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme } }</pre> -<p dir="ltr"><span id="result_box" lang="fr"><span>Plusieurs images peuvent être utilisées pour remplir l'en-tête</span></span>, <span id="result_box" lang="fr"><span>en utilisant une image d'en-tête vierge/transparente pour donner le contrôle de l'emplacement à chaque image visible:</span></span></p> +<p>Plusieurs images peuvent être utilisées pour remplir l'en-tête, en utilisant une image d'en-tête vierge/transparente pour donner le contrôle de l'emplacement à chaque image visible:</p> -<pre class="brush: json" dir="ltr"> "theme": { +<pre class="brush: json"> "theme": { "images": { "headerURL": "images/blank.png", "additional_backgrounds": [ "images/left.png" , "images/middle.png", "images/right.png"] @@ -1294,7 +1257,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <p>Vous pouvez également remplir l'en-tête avec une image répétée, ou des images, dans ce cas, une seule image ancrée dans le milieu du haut de l'en-tête et répétée sur le reste de l'en-tête:</p> -<pre class="brush: json" dir="ltr"> "theme": { +<pre class="brush: json"> "theme": { "images": { "additional_backgrounds": [ "images/logo.png"] }, @@ -1331,7 +1294,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <p>Il vous donnera un navigateur qui ressemble à ceci :</p> -<p><img alt="" src="https://mdn.mozillademos.org/files/15789/theme.png" style="display: block; height: 652px; margin-left: auto; margin-right: auto; width: 1446px;"></p> +<p><img alt="" src="theme.png"></p> <p>Dans cette capture d'écran, <code>"toolbar_vertical_separator"</code> est la ligne verticale blanche dans la barre d'URL divisant l'icône du mode Lecteur des autres icônes.</p> @@ -1361,12 +1324,12 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <li>toutes les couleurs doivent être spécifiées sous la forme d'un tableau de valeurs RVB, comme ceci :</li> </ul> -<pre class="brush: json line-numbers language-json"><code class="language-json"><span class="key token">"theme":</span> <span class="punctuation token">{</span> - <span class="key token">"colors":</span> <span class="punctuation token">{</span> - <span class="key token">"frame":</span> <span class="punctuation token">[</span><span class="number token">255</span><span class="punctuation token">,</span> <span class="number token">0</span><span class="punctuation token">,</span> <span class="number token">0</span><span class="punctuation token">]</span><span class="punctuation token">,</span> - <span class="key token">"tab_background_text":</span> <span class="punctuation token">[</span><span class="number token">0</span><span class="punctuation token">,</span> <span class="number token">255</span><span class="punctuation token">,</span> <span class="number token">0</span><span class="punctuation token">]</span><span class="punctuation token">,</span> - <span class="key token">"bookmark_text":</span> <span class="punctuation token">[</span><span class="number token">0</span><span class="punctuation token">,</span> <span class="number token">0</span><span class="punctuation token">,</span> <span class="number token">255</span><span class="punctuation token">]</span> - <span class="punctuation token">}</span> -<span class="punctuation token">}</span></code></pre> +<pre class="brush: json">"theme": { + "colors": { + "frame": [255, 0, 0], + "tab_background_text": [0, 255, 0], + "bookmark_text": [0, 0, 255] + } +}</pre> <p>A partir de Firefox 59, la forme tableau et la forme couleur CSS sont acceptées pour toutes les propriétés. Avant cela, <code>colors/frame</code> et <code>colors/tab_background_text</code> nécessitaient la forme tableau, alors que d'autres propriétés nécessitaient la forme couleur CSS.</p> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/theme_experiment/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/theme_experiment/index.html index 0bde4536d2..5bf66f5ad3 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/theme_experiment/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/theme_experiment/index.html @@ -17,7 +17,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/manifest.json/theme_experimentation --- <div>{{AddonSidebar}}</div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> @@ -49,38 +49,28 @@ original_slug: Mozilla/Add-ons/WebExtensions/manifest.json/theme_experimentation </tbody> </table> -<div class="cl-preview-section"> <p>Cette clé permet de définir les propriétés de la clé expérimentale de <code><a href="/fr/docs/Mozilla/Add-ons/WebExtensions/manifest.json/theme">theme</a></code> pour l'interface Firefox. Ces expériences sont un précurseur pour proposer de nouvelles fonctionnalités thématiques à inclure dans Firefox. L'expérimentation se fait par:</p> -</div> -<div class="cl-preview-section"> <ul> <li>créer une feuille de style qui définit les correspondances entre les sélecteurs CSS internes pour les éléments d'interface utilisateur Firefox et les variables CSS arbitraires. Les variables CSS sont ensuite mappées dans les objets <code>colors</code>, <code>images</code>, et <code>properties</code> avec les nouvelles propriétés de clé de <code>theme</code>.</li> <li>(sans feuille de style) en utilisant <code>colors</code>, <code>images</code>, et <code>properties</code> pour mapper les sélecteurs CSS internes de Firefox, tels que <code>--arrowpanel-dimmed</code> vers les nouvelles propriétés de clé de <code>theme</code> key properties. Cette option limite l'expérimentation aux composants d'interface utilisateur associés à une variable CSS intégrée.</li> </ul> -</div> -<div class="cl-preview-section"> <p>Pour découvrir les sélecteurs CSS des éléments de l'interface utilisateur Firefox ou des variables CSS internes de Firefox, utilise la <a href="/fr/docs/Outils/Boîte_à_outils_du_navigateur">boite à outils du navigateur</a>.</p> -</div> -<div class="cl-preview-section"> -<div class="blockIndicator note"> -<p>Cette clé est uniquement disponible pour une utilisation dans les canaux Firefox Developer Edition et Firefox Nightly et nécessite l'activation de la préférence <code>extensions.legacy.enabled</code>.</p> -</div> +<div class="note"> +<p><strong>Note :</strong> Cette clé est uniquement disponible pour une utilisation dans les canaux Firefox Developer Edition et Firefox Nightly et nécessite l'activation de la préférence <code>extensions.legacy.enabled</code>.</p> </div> -<div class="cl-preview-section"> -<div class="blockIndicator warning"> -<p>Cette fonctionnalité est expérimentale et peut être sujette à modification.</p> -</div> +<div class="warning"> +<p><strong>Attention :</strong> Cette fonctionnalité est expérimentale et peut être sujette à modification.</p> </div> <h2 id="Syntaxe">Syntaxe</h2> <p>La clé theme_experiment est un objet qui prend les propriétés suivantes :</p> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <thead> <tr> <th scope="col">Nom</th> @@ -130,63 +120,41 @@ original_slug: Mozilla/Add-ons/WebExtensions/manifest.json/theme_experimentation <h2 id="Exemples">Exemples</h2> -<div class="cl-preview-section"> <p>Ces exemples utilisent une feuille de style appelée <code>style.css</code> pour permettre de définir une couleur pour le bouton de recharge du navigateur dans la clé <code><a href="/fr/docs/Mozilla/Add-ons/WebExtensions/manifest.json/theme">theme</a></code>.</p> -</div> -<div class="cl-preview-section"> <p>La feuille de style définit :</p> -</div> -<div class="cl-preview-section"> -<pre><code>#reload-button { +<pre class="brush: css">#reload-button { fill: var(--reload-button-color); } -</code></pre> -</div> +</pre> -<div class="cl-preview-section"> <p>où <code>#reload-button</code> est le sélecteur CSS interne de Firefox pour le bouton reload et <code>--reload-button-color</code> est un nom arbitraire..</p> -</div> -<div class="cl-preview-section"> <p>Dans le fichier <code>manifest.json</code>, <code>--reload-button-color</code> est alors mappé au nom à utiliser dans la propriété <code>theme</code> <code>colors</code> :</p> -</div> -<div class="cl-preview-section"> -<pre><code>"theme_experiment": { +<pre class="brush: json">"theme_experiment": { "stylesheet": "style.css", "colors": { "reload_button": "--reload-button-color" } } -</code></pre> -</div> +</pre> -<div class="cl-preview-section"> <p>L'argument <code>reload_button</code> est alors utilisé de la même manière que n'importe quelle autre propriété de <code>theme</code> .</p> -</div> -<div class="cl-preview-section"> -<pre><code>"theme": { +<pre class="brush: json">"theme": { "colors": { "reload_button": "orange" } } -</code></pre> -</div> +</pre> -<div class="cl-preview-section"> <p>Ceci a pour effet de rendre l'icône de recharge orange.</p> -</div> +<img src="theme_experiment.png"> -<div class="cl-preview-section"><img alt="Outcome of a theme experiment, showing the reload button colored orange." src="https://mdn.mozillademos.org/files/16892/theme_experiment.png" style="height: 110px; width: 241px;"></div> -<div class="cl-preview-section"></div> - -<div class="cl-preview-section"> <p>Cette propriété peut également être utilisée dans <code>browser.theme.update()</code>. <code>images</code> et <code>properties</code> travaillent de la même manière que <code>colors</code>.</p> -</div> <h2 id="Compatibilité_du_navigateur">Compatibilité du navigateur</h2> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/user_scripts/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/user_scripts/index.html index 49bb43316c..5c5285cecf 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/user_scripts/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/user_scripts/index.html @@ -11,7 +11,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/user_scripts --- <p>{{AddonSidebar}}</p> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> @@ -24,11 +24,10 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/user_scripts <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json; line-numbers language-json"> -<code class="language-json"> <span class="property token">"user_scripts"</span><span class="operator token">:</span> <span class="punctuation token">{</span> - <span class="property token">"api_script"</span><span class="operator token">:</span> <span class="string token">"apiscript.js"</span><span class="punctuation token">,</span> - <span class="punctuation token">}</span> -</code></pre> + <pre class="brush: json"> "user_scripts": { + "api_script": "apiscript.js", + } +</pre> </td> </tr> </tbody> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/version/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/version/index.html index 11b5eee0b7..2751ee94eb 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/version/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/version/index.html @@ -9,7 +9,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/version --- <p>{{AddonSidebar}}</p> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> @@ -22,7 +22,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/version <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "version": "0.1"</pre> </td> </tr> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/version_name/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/version_name/index.html index 75f75fb755..9e48f55933 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/version_name/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/version_name/index.html @@ -9,7 +9,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/version_name --- <p>{{AddonSidebar}}</p> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> @@ -22,14 +22,14 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/version_name <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "version_name": "0.1 beta"</pre> </td> </tr> </tbody> </table> -<p>En plus du champ <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/manifest.json/version">version</a>, qui est utilisé à des fins de mise à jour, <a href="https://developer.chrome.com/extensions/manifest/version">version_name</a> peut être défini sur une chaîne de version descriptive et sera utilisé à des fins d'affichage s'il est présent.</p> +<p>En plus du champ <a href="/fr/Add-ons/WebExtensions/manifest.json/version">version</a>, qui est utilisé à des fins de mise à jour, <a href="https://developer.chrome.com/extensions/manifest/version">version_name</a> peut être défini sur une chaîne de version descriptive et sera utilisé à des fins d'affichage s'il est présent.</p> <p>Si aucun <strong>version_name</strong> n'est présent, le champ de <strong>version</strong> sera également utilisé à des fins d'affichage.</p> diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/web_accessible_resources/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/web_accessible_resources/index.html index 57163def90..e07a25f583 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/web_accessible_resources/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/web_accessible_resources/index.html @@ -9,7 +9,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/web_accessible_resou --- <p>{{AddonSidebar}}</p> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> @@ -22,7 +22,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/web_accessible_resou <tr> <th scope="row">Exemple</th> <td> - <pre class="brush: json no-line-numbers"> + <pre class="brush: json"> "web_accessible_resources": [ "images/my-image.png" ]</pre> @@ -35,7 +35,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/web_accessible_resou <p>Parfois, vous souhaitez associer certaines ressources - par exemple, images, HTML, CSS ou JavaScript - avec votre extension pour les mettre à la disposition des pages Web.</p> -<p>Par exemple, l'<a href="https://github.com/mdn/webextensions-examples/tree/master/beastify">extensions d'exemple "beastify"</a> remplace une page web par une image d'une bête sélectionnée par l'utilisateur. Les images de la bête sont emballées avec l'extension. Pour rendre visible l'image sélectionnée, l'extension ajoute <code><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/img"><img></a></code> des éléments dont l'attribut <code>src</code> pointe sur l'image de la bête. Pour que la page Web puisse charger les images, elles doivent être rendues accessibles sur le Web.</p> +<p>Par exemple, l'<a href="https://github.com/mdn/webextensions-examples/tree/master/beastify">extensions d'exemple "beastify"</a> remplace une page web par une image d'une bête sélectionnée par l'utilisateur. Les images de la bête sont emballées avec l'extension. Pour rendre visible l'image sélectionnée, l'extension ajoute <code><a href="/fr/docs/Web/HTML/Element/img"><img></a></code> des éléments dont l'attribut <code>src</code> pointe sur l'image de la bête. Pour que la page Web puisse charger les images, elles doivent être rendues accessibles sur le Web.</p> <p>Avec la clé <code>web_accessible_resources</code> liste toutes les ressources packagées que vous souhaitez mettre à la disposition des pages Web. Vous les spécifiez comme chemins relatifs dans le fichier manifest.json.</p> @@ -47,7 +47,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/web_accessible_resou <p>Par exemple, supposons que votre extension inclut un fichier image sur images images/my-image.png, comme ceci :</p> -<pre class="no-line-numbers">my-extension-files/ +<pre>my-extension-files/ manifest.json my-background-script.js images/ @@ -55,21 +55,21 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/web_accessible_resou <p>Pour permettre à une page Web d'utiliser un élément <code><a href="/fr/docs/Web/HTML/Element/img"><img></a></code> dont l'attribut <code>src</code> pointe sur cette image, vous pouvez spécifier "web_accessible_resources" comme suit :</p> -<pre class="brush: json no-line-numbers">"web_accessible_resources": ["images/my-image.png"]</pre> +<pre class="brush: json">"web_accessible_resources": ["images/my-image.png"]</pre> <p>Le fichier sera alors disponible en utilisant une URL comme :</p> -<pre class="no-line-numbers">moz-extension://<extension-UUID>/images/my-image.png"</pre> +<pre>moz-extension://<extension-UUID>/images/my-image.png"</pre> <p><code><extension-UUID></code> n'est <strong>pas</strong> l'identifiant de votre extension. Il est généré de manière aléatoire pour chaque instance de navigateur. Ceci empêche les sites Web de prendre les empreintes digitales d'un navigateur en examinant les extensions qu'il a installées.</p> -<div class="blockIndicator note"> -<p>Dans Chrome, l'ID d'une extension est fixe. Quand une ressource est listée dans <code>web_accessible_resources</code>, elle est accessible comme <code>chrome-extension://<your-extension-id>/<path/to/resource></code>. </p> +<div class="note"> +<p><strong>Note :</strong> Dans Chrome, l'ID d'une extension est fixe. Quand une ressource est listée dans <code>web_accessible_resources</code>, elle est accessible comme <code>chrome-extension://<your-extension-id>/<path/to/resource></code>. </p> </div> -<p>L'approche recommandée pour obtenir l'URL de la ressource est d'utiliser <code><a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/API/runtime/getURL">runtime.getURL</a></code> en passant le chemin relatif à manifest.json, par exemple :</p> +<p>L'approche recommandée pour obtenir l'URL de la ressource est d'utiliser <code><a href="/fr/Add-ons/WebExtensions/API/runtime/getURL">runtime.getURL</a></code> en passant le chemin relatif à manifest.json, par exemple :</p> -<pre class="brush: js no-line-numbers">browser.runtime.getURL("images/my-image.png"); +<pre class="brush: js">browser.runtime.getURL("images/my-image.png"); // something like: // moz-extension://944cfddf-7a95-3c47-bd9a-663b3ce8d699/images/my-image.png</pre> @@ -79,7 +79,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/web_accessible_resou <p><code>web_accessible_resources</code> peuvent contenir des caractères génériques. Par exemple, l'entrée suivante fonctionnera également pour inclure la ressource à "images/my-image.png":</p> -<pre class="brush: json no-line-numbers"> "web_accessible_resources": ["images/*.png"]</pre> +<pre class="brush: json"> "web_accessible_resources": ["images/*.png"]</pre> <h3 id="Sécurité">Sécurité</h3> @@ -87,7 +87,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/web_accessible_resou <h2 id="Exemple">Exemple</h2> -<pre class="brush: json no-line-numbers">"web_accessible_resources": ["images/my-image.png"]</pre> +<pre class="brush: json">"web_accessible_resources": ["images/my-image.png"]</pre> <p>Crée un fichier dans "images/my-image.png" accessible sur le web.</p> |