La page Nouvel onglet de Chrome présente entre autre les sites que l’on visite le plus souvent. Elle n’offre pas de moyen simple d’ajouter les sites de son choix avec un logo pour les personnaliser.

illustration-chrome

Voici la procédure à suivre pas à pas pour ajouter ses sites préférés sur la page Nouvel onglet de Chrome dans la section Applications.

Ce n’est pas très compliqué, il suffit de suivre pas à pas les étapes ci-dessous.

Avant toute chose, il faudra disposer d’un logo de taille 128 x 128 au format PNG pour représenter un site à ajouter sur cette page.

Étape numéro 1 : création d’un dossier

Créer un dossier sur le bureau, nommer le comme bon vous semble et copier à l’intérieur le logo 128 x 128 au format PNG. Par commodité, j’ai nommé ce fichier « icon.png ».

Étape numéro 2 : le script

A l’aide d’un éditeur de texte (Bloc-notes ou équivalent), récupérer par copier-coller le texte ci-dessous :

{
"name": "Insérer ici le nom du site Web",
"description": "Insérer ici une description",
"version": "1.1",
"manifest_version": 2,
"icons": {
"128": "icon.png"
},
"app": {
"urls": [
"Insérer ici le lien vers le site Web"
],
"launch": {
"web_url": "Insérer ici le lien vers le site Web"
}
},
"permissions": [
"unlimitedStorage",
"notifications"
]
}

Les parties indiquées en rouge sont à compléter pour le favori à ajouter sur la page Nouvel onglet de Chrome. Le logo se nomme ici icon.png, mais il est tout à fait possible de lui donner un autre nom du moment que sa dimension est de 128 x 128.

Quand tous les détails ont été ajoutés, sauvegarder ce fichier dans le dossier précédemment créé en le nommant manifest.json.

On trouve alors dans ce dossier deux fichiers : le logo appelé icon.png et le fichier manifest.json.

dossier-chrome-ballajackPour l’exemple j’ai créé un dossier « Ballajack » sur le bureau de mon PC, j’y ai copié une icône 128 x 128 au format PNG et ajouté le fichier manifest.json ci-dessous comme expliqué précédemment.

{
"name": "Les Infos de Ballajack",
"description": "Les Infos de Ballajack",
"version": "1.1",
"manifest_version": 2,
"icons": {
"128": "icon.png"
},
"app": {
"urls": [
"http://www.ballajack.com/"
],
"launch": {
"web_url": "http://www.ballajack.com/"
}
},
"permissions": [
"unlimitedStorage",
"notifications"
]
}

Étape numéro 3 : ajout d’une extension dans Chrome

Ouvrir la page des extensions Chrome (saisir « chrome://chrome/extensions » dans la barre d’adresses puis Entrée). En haut à droite, cocher la case Mode développeur.

 chrome-extension

Cela affiche trois options supplémentaires qui sont normalement masquées. Nous allons utiliser Charger l’extension non empaquetée… et Empaqueter l’extension…

Étape numéro 4 : Charger l’extension non empaquetée

L’option Charger l’extension non empaquetée… permet d’installer des extensions qui ne proviennent pas du Chrome Web Store. Cliquer sur le bouton et sélectionner (sans l’ouvrir) sur le dossier contenant le logo du site et le fichier manifest.json.

chrome-ajout-extension-non-empaquete

Après avoir cliqué sur OK, une nouvelle extension est ajoutée faisant référence au site que l’on souhaite ajouter.

Encore un petit effort, on est presque arrivé au bout de la procédure.

Étape numéro 5 : Empaqueter l’extension

Cliquer maintenant sur le bouton Empaqueter l’extension… La fenêtre ci-dessous s’ouvre.

chrome-empaqueter-extension

Dans la zone Répertoire racine de l’extension, naviguer et indiquer le dossier précédemment créé, il contient les fichiers icon.png et manifest.json. Ne rien indiquer dans la zone Fichier de clé privée. Cliquer sur le bouton Empaqueter l’extension.

empaqueter-extension-chromeUn message indique que deux fichiers ont été ajoutés sur le Bureau de l’ordinateur. Ils sont pour extensions .crx et .pem.

fichiers-crx-pemAprès avoir cliqué sur OK, déplacer ces deux fichiers dans le dossier créé à l’étape numéro 1 avec les fichiers icon.png et manifest.json.

dossier-chrome-ballajack-finalÉtape numéro 6 : pour finir

Supprimer l’extension qui a été ajoutée à l’étape numéro 4. Pour cela, aller sur la page des extensions de Chrome (saisir « chrome://chrome/extensions » dans la barre d’adresses puis Entrée) puis cliquer sur l’icône Corbeille en haut à droite à côté de la case Activée.

 chrome-supprimer-extension

Confirmer la suppression de l’extension en cliquant sur le bouton Supprimer.

chrome-confirmation-suppression-extension

Pour finir ajouter par glisser-déposer le fichier .crx créé à l’étape 5 sur la page des extensions de Chrome.

ajout-crx-chromeCliquer sur le bouton Ajouter.

confirmer-chrome-ajout-extension

La page Nouvel onglet de Chrome s’ouvre avec une nouvelle icône pointant vers le site que l’on voulait ajouter qui se trouve dans la section Applications.

chrome-page-application-favoriCe tutoriel est librement traduit et adapté de de la version anglaise publié par Mark O’Neill que je remercie.

Boutons de partage :
Twitter Facebook Google Plus Linkedin email
Article rédigé par Eric Weyland