background preloader

Extension Chrome

Facebook Twitter

Mail Handler. Introduction à la programmation d'une extension Google Chrome. Le but de ce tutoriel va être de créer une extension pas à pas. La finalité sera un bouton ajouté à Google Chrome qui affichera un popup sous forme d'info-bulle contenant des liens vers 4 favoris sur lesquels on pourra cliquer pour accéder à la page. II-A. Le commencement▲ Sur votre disque dur, créez un répertoire dans lequel vous allez éditer un fichier nommé manifest.json. Il va contenir les informations de l'extension. name : Son nom (indispensable) version : Son numéro de version (indispensable) description : Sa description (optionnelle) Ces informations seront codées sous cette forme : Pour réaliser des commentaires, il est nécessaire de mettre //, toute la suite de la ligne sera ignorée.

Comme on peut le constater, la syntaxe est très simple. II-B. Une fois le fichier enregistré, allez dans le panneau des extensions de Google Chrome : Ce qui va ouvrir un onglet avec le contenu suivant : On voit donc que les informations sont bien affichées. II-C. II-D. II-E. Tutorial – Créer une extension Google Chrome de A à Z | Aissa Ghouti - Développeur Web. Avec le lancement du Chrome Web Store, j’ai eu envie d’apporter ma propre contribution. J’ai donc créé une extension pour ce si beau navigateur qu’est Google Chrome. Bon… Je l’avoue je suis un Google addict Ce tutoriel va vous apprendre à créer une très simple extension pour Chrome. Vous allez ajouter une icône qui, lorsqu’on clique dessus, affiche une page générée automatiquement.

L’icône et la page ressembleront à ça : A l’abordage les amis ! 1. 2. 3. (vous pouvez vous rendre sur cette page pour en apprendre beaucoup plus sur le manifeste et son utilité.) 4. 5. 6. 1. 2. Et choisissez « Outils » puis « Extensions ». 3. 4.Cliquez sur « Charger l’extension non empaquetée » et choisissez le dossier contenant tous nos fichiers. L’icône de votre extension apparaît !

Save to Google Drive. Backtick.