Que sont les extensions ?

Les extensions sont de petits programmes qui personnalisent l'expérience de navigation. Elles permettent aux utilisateurs d'adapter les fonctionnalités et le comportement de Chrome aux besoins ou préférences de chacun. Elles sont basées sur le Web comme HTML, JavaScript et CSS.

Une extension doit remplir un objectif unique, précisé et facile à comprendre. A Une même extension peut inclure plusieurs composants et une gamme de fonctionnalités, à condition que tous les éléments 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 une intention. Il peut s'agir d'une simple icône, comme l'icône Google L'extension Vérificateur d'e-mails ci-dessus permet de remplacer toute une page.

Les fichiers d'extension sont compressés dans un seul package .crx que l'utilisateur télécharge et installe. Ce signifient 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 dans le tableau de bord Web Store. Pour en savoir plus, consultez la documentation du Play Store pour les développeurs.

Extensions Hello

Faites un petit pas dans le développement des extensions grâce à cet exemple rapide d'extensions Hello. Commencez par créer un pour stocker les fichiers de l'extension, ou téléchargez-les à partir de l'exemple de page.

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, mais la plupart des extensions ne font pas grand-chose avec ce fichier. Pour ce démarrage rapide, l'extension contient un fichier pop-up et une icône déclarée sous la section 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 le manifest.json qui active un raccourci clavier. Cette étape est amusante, mais pas nécessaires:

{
  "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 Menu Chrome en haut à droite de l'omnibox, pointez sur Plus d'outils et sélectionnez Extensions :
  2. Cochez la case Mode développeur.
  3. Cliquez sur Charger l'extension non empaquetée et sélectionnez le répertoire de vos extensions Hello. .

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

Et maintenant ?

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