Que sont les extensions ?

Les extensions sont de petits programmes qui personnalisent l'expérience de navigation. Ils permettent aux utilisateurs d'adapter les fonctionnalités et le comportement de Chrome à leurs besoins ou préférences. Elles reposent sur des technologies Web telles que HTML, JavaScript et CSS.

Une extension doit remplir un seul objectif, clairement défini et facile à comprendre. Une même extension peut inclure plusieurs composants et une gamme de fonctionnalités, à condition que tout contribue à un objectif commun.

Capture d'écran de l'icône d'une extension dans la barre du navigateur

Les interfaces utilisateur doivent être minimales et avoir de l'intention. Il peut s'agir d'une simple icône, comme l'extension Google Mail Checker illustrée ci-dessus, ou de remplacement d'une page entière.

Les fichiers d'extension sont compressés dans un seul package .crx que l'utilisateur télécharge et installe. Cela signifie que les extensions ne dépendent pas du contenu du Web, contrairement aux applications Web ordinaires.

Les extensions sont distribuées via le Tableau de bord du développeur Chrome et publiées sur le Chrome Web Store. Pour en savoir plus, consultez la documentation pour les développeurs du Play Store.

Extensions Hello

Découvrez rapidement les extensions avec ce rapide exemple d'extensions Hello. Commencez par créer un répertoire pour stocker les fichiers de l'extension ou téléchargez-les à partir de la page d'exemple.

Ajoutez ensuite un fichier nommé manifest.json et incluez le code suivant:

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2
}

Chaque extension nécessite un fichier manifeste. La plupart des extensions ne font pas grand-chose avec ce fichier manifeste. Pour ce guide de démarrage rapide, l'extension comporte un fichier pop-up et une icône déclarées sous le champ browser_action:

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2,
  "browser_action": {
    "default_popup": "hello.html",
    "default_icon": "hello_extensions.png"
  }
}

Téléchargez hello_extensions.png ici, puis créez un fichier intitulé hello.html:

<html>
  <body>
    <h1>Hello Extensions</h1>
  </body>
</html>

L'extension affiche désormais hello.html lorsque l'utilisateur clique sur l'icône. L'étape suivante consiste à inclure dans manifest.json une commande permettant d'activer un raccourci clavier. Cette étape est amusante, mais pas nécessaire:

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2,
  "browser_action": {
    "default_popup": "hello.html",
    "default_icon": "hello_extensions.png"
  },
  "commands": {
    "_execute_browser_action": {
      "suggested_key": {
        "default": "Ctrl+Shift+F",
        "mac": "MacCtrl+Shift+F"
      },
      "description": "Opens hello.html"
    }
  }
}

La dernière étape consiste à installer l'extension sur votre ordinateur local.

  1. Accédez à chrome://extensions dans votre navigateur. Vous pouvez également accéder à cette page en cliquant sur le menu Chrome en haut à droite de l'omnibox, puis en passant la souris sur Plus d'outils et en sélectionnant Extensions.
  2. Cochez la case Mode développeur.
  3. Cliquez sur Charger l'extension non empaquetée et sélectionnez le répertoire de votre extension "Hello Extensions".

Félicitations ! Vous pouvez maintenant utiliser votre extension basée sur une fenêtre pop-up en cliquant sur l'icône hello_world.png ou en appuyant sur la touche Ctrl+Shift+F de votre clavier.

Quelles sont les prochaines étapes ?

  1. Suivez le tutoriel de mise en route.
  2. Consultez la section Présentation.
  3. Tenez-vous informé en lisant le blog Chromium.
  4. S'abonner au groupe Chromium-extensions