1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
|
---
title: Différenciateurs Firefox
slug: Mozilla/Add-ons/WebExtensions/Firefox_differentiators
tags:
- Add-ons
- Extensions
- Firefox
- NeedMarkupWork
- Themes
- WebExtensions
translation_of: Mozilla/Add-ons/WebExtensions/Firefox_differentiators
---
<p>{{AddonSidebar}}</p>
<p>Firefox est un excellent endroit pour commencer le développement de votre extension de navigateur. Pour commencer, vous obtenez la conformité la plus élevée avec l'API d'extension de navigateur proposée, y compris l'utilisation de l'espace de noms <code>browser.*</code> et les promesses pour la gestion des événements asynchrones. Ensuite, il y a une communauté de développeurs de vulgarisation très solidaire, prêts à vous aider.</p>
<p>Firefox offre également des fonctionnalités uniques que vous pouvez utiliser pour créer des extensions plus sûres, plus faciles à utiliser et plus attrayantes visuellement. Jetez un coup d’œil à ce qui est disponible:</p>
<table>
<tbody>
<tr>
<td>
<p>Aider les utilisateurs à séparer les activités de leur navigateur avec les <a href="/fr/Add-ons/WebExtensions/API/contextualIdentities">identités contextuelles</a> (Contextual Identities ou Containers). Donner aux groupes d'onglets leur propre stockage de navigateur local : stockage de cookies et données locales dans localStorage et indexedDB. Ainsi, les détails tels que les préférences du site, les sessions ouvertes et les données de suivi des publicités restent confidentiels dans les onglets.</p>
</td>
<td><img alt="Illustration of the containers menu" src="https://mdn.mozillademos.org/files/16299/Containers.png" style="height: 354px; width: 742px;"></td>
</tr>
<tr>
<td>
<p>Enregistrez et affichez des informations supplémentaires ou complémentaires sur une page Web à l'aide du composant de l'interface utilisation <a href="/fr/Add-ons/WebExtensions/user_interface/Sidebars">Sidebar</a>, un panneau situé à côté des pages Web.</p>
</td>
<td><img alt="Illustration of the annotation example sidebar sitting alongside a webpage" src="https://mdn.mozillademos.org/files/16300/Sidebar.png"></td>
</tr>
<tr>
<td>
<p>Mieux intégrer votre extension avec le navigateur en utilisant la possibilité de choisir le style du navigateur dans les actions des pages et du navigateur ainsi que dans la barre latérale de l'interface utilisateur. Définissez, dans le fichier <code>manifest.json</code>, les URLs où une action de page est affichée ou masquée, et choisissez où placer l'icône d'action du navigateur.</p>
</td>
<td><img alt="Illustration of a browser action icon placed in the menu panel" src="https://mdn.mozillademos.org/files/16296/Icon_placement.png" style="height: 348px; width: 922px;"></td>
</tr>
<tr>
<td>
<p>Aidez les utilisateurs à localiser le contenu qui les intéresse dans une page web, avec la possibilité de <a href="/fr/Add-ons/WebExtensions/API/find">trouver et mettre en surbrillance le texte dans une page web</a>.</p>
</td>
<td><img alt="Illustration of find highlighting text in page content" src="https://mdn.mozillademos.org/files/16298/Find.png" style="height: 540px; width: 1180px;"></td>
</tr>
<tr>
<td>
<p>Effectuez des recherches directement à partir de votre extension, avec des fonctions pour <a href="/fr/Add-ons/WebExtensions/API/search">obtenir des détails sur les moteurs de recherche et effectuer une recherche</a>.</p>
</td>
<td><img alt='Wikipedia page showing the results of the search for "extension"' src="https://mdn.mozillademos.org/files/16295/search_extension.png" style="height: 246px; width: 640px;"></td>
</tr>
<tr>
<td>
<p>Ajoutez une dimension supplémentaire à vos thèmes en <a href="/fr/Add-ons/WebExtensions/API/theme">mettant à jour le thème du navigateur au moment de l'exécution</a>. Avec cette fonction, vous pouvez alterner les thèmes par heure de la journée, appliquer un thème différent lorsque les utilisateurs naviguent sur votre site Web, refléter les actions des utilisateurs dans votre extension, et plus encore.</p>
</td>
<td><img alt="Illustration suggesting the theme is changing by time" src="https://mdn.mozillademos.org/files/16294/Dynamic_theme.png" style="height: 366px; width: 1152px;"></td>
</tr>
<tr>
<td>
<p>Effectuez des recherches directement à partir de votre extension, avec des fonctions pour obtenir les détails avec la <a href="/fr/Add-ons/WebExtensions/API/browserSettings">possibilité de modifier (certains) paramètres globaux du navigateur</a>.</p>
</td>
<td><img alt="Example of a Firefox setting showing that it is being controlled by an extension" src="https://mdn.mozillademos.org/files/16293/extension_controlling_settings.png" style="height: 1172px; width: 2084px;"></td>
</tr>
<tr>
<td>
<p>Permettez aux utilisateurs d'ajouter de manière fiable les fonctionnalités de votre extension à de nouvelles pages et de nouveaux sites, avec la possibilité <a href="/fr/Add-ons/WebExtensions/API/contentScripts">enregistrer et de désinscrire des scripts de contenu au moment de l'exécution</a>.</p>
</td>
<td><img alt="Illustration of example code used to inject a content script on demand" src="https://mdn.mozillademos.org/files/16290/script_inject.png" style="height: 261px; width: 943px;"></td>
</tr>
<tr>
<td>
<p>Profitez des services externes pour gérer les protocoles ou les types de contenu en enregistrant les <a href="/fr/Add-ons/WebExtensions/manifest.json/protocol_handlers">gestionnaires de protocole</a> dans le <code>manifest.json</code>.</p>
</td>
<td><img alt="Illustration of code setting a protocol handler" src="https://mdn.mozillademos.org/files/16297/Protocol.png" style="height: 167px; width: 741px;"></td>
</tr>
<tr>
<td>
<p>Effectuer des tâches Web supplémentaires telles que la <a href="/fr/Add-ons/WebExtensions/API/dns">résolution des noms de domaines </a>et <a href="/fr/Add-ons/WebExtensions/API/proxy">proxying des requêtes web</a>.</p>
</td>
<td><img alt="Example of Firefox proxy settings" src="https://mdn.mozillademos.org/files/16292/Proxy_settings.png"></td>
</tr>
<tr>
<td>
<p>Ajoutez des fonctionnalités de sécurité avancées à l'aide des <a href="/fr/Add-ons/WebExtensions/API/pkcs11">modules de sécurités PKCS #11 aux clés et certificats source</a>.</p>
</td>
<td style="text-align: center;"><img alt="Illustration of the certificate and key" src="https://mdn.mozillademos.org/files/16291/certificate_key.png" style="height: 133px; width: 200px;"></td>
</tr>
</tbody>
</table>
<p>Icônes de <a href="https://www.icons8.com">icon8</a></p>
|
