Skip to main content

Comment créer des raccourcis Web Chrome personnalisés pour vos sites Web favoris

Comment créer des raccourcis Web Chrome personnalisés pour vos sites Web favoris

Geoffrey Carr

Google propose maintenant des applications packagées Chrome, mais de nombreuses applications Chrome restent des raccourcis vers les sites Web. Vous pouvez créer vos propres applications Web personnalisées qui fonctionnent comme des raccourcis si le site Web souhaité n'est pas disponible dans le Chrome Web Store.

Ces applications Web Chrome apparaîtront également dans le lanceur d'applications Chrome sous Windows, Mac, Linux et Chrome OS. Vous pourrez les ouvrir à partir du lanceur et les configurer pour qu'ils s'ouvrent toujours sous forme de fenêtre ou d'onglet épinglé - vous ne pouvez pas le faire avec des signets standard.

Cela diffère de la création de raccourcis de la barre des tâches et du bureau, permettant aux sites Web de s'exécuter dans leurs propres fenêtres. Vous pouvez le faire pour n'importe quel site Web.

Créer une application Web personnalisée

Pour ce faire, nous allons essentiellement créer à partir de rien le type d'application Web Chrome le plus simple. Tout ce dont vous avez besoin est une icône et une adresse Web.

Commencez par créer un nouveau dossier sur votre ordinateur pour votre application Web.

Ensuite, créez un nouveau fichier texte nommé manifest.json dans votre nouveau dossier.

Ouvrez le fichier manifest.json dans n’importe quel éditeur de texte - Notepad, par exemple. Copiez et collez le texte suivant dans celui-ci:

{ “manifest_version”: 2, “name”: “Website Name“, “description”: “Description of website“, “version”: “1.0”, “icons”: { “128”: “128.png” }, “app”: { “urls”: [http://example.com/

], “launch”: { “web_url”: “http://example.com/ } }, “permissions”: [ “unlimitedStorage”, “notifications” ] }

Modifiez les parties en gras de l’exemple de code en remplaçant le nom, la description et les URL du site Web. Par exemple, si vous souhaitez lancer How-To Geek, vous devez saisir «How-To Geek» dans le champ du nom, saisir la description de votre choix et utiliser l’URL http://howtogeek.com.

Ensuite, recherchez un fichier d’image 128 × 128 PNG qui sera utilisé comme logo du site Web. Si vous n’avez pas une image de la taille exacte, vous pouvez rogner et redimensionner une image plus grande à l’aide d’un éditeur d’image tel que Paint.NET.

Enregistrez le fichier image avec le nom 128.png dans le dossier que vous avez créé.

Enfin, ouvrez la page des extensions de Chrome sur chrome: // extensions /. Cochez la case Mode développeur et cliquez sur le bouton Charger l’extension décompressée.

Naviguez jusqu'au dossier que vous avez créé et cliquez sur OK. Chrome installera l'application Web que vous venez de créer.

Une fois l'application installée, vous pouvez la lancer à partir de la nouvelle page à onglet, personnaliser son ouverture en cliquant dessus avec le bouton droit de la souris ou la lancer à partir du lanceur d'applications Chrome.

Vous pouvez également cliquer sur le bouton Extension du pack pour créer un package dans un fichier .crx installable. Vous pouvez distribuer ce fichier à d'autres personnes afin qu'elles puissent également l'installer.

Les applications Web et les extensions Chrome installées localement ne sont pas synchronisées entre vos ordinateurs avec Chrome Sync. Pour gagner du temps, vous souhaiterez peut-être sauvegarder vos dossiers d'applications Web ou vos fichiers .crx afin de pouvoir les installer facilement sur d'autres ordinateurs.

La voie rapide et laide

Vous pouvez également ajouter des raccourcis personnalisés à votre nouvel onglet en faisant glisser un signet de la barre de signets vers la grille d'icônes.

Malheureusement, la grande icône sera plutôt laide, sans un nom propre ou une icône. Ce signet fonctionnera comme une application de signet standard, mais il n’ya aucun moyen de le modifier et de le rendre meilleur.


Idéalement, Google étendrait la fonctionnalité de glisser-déposer avec un moyen de renommer ces raccourcis personnalisés et d’attribuer facilement de meilleures icônes. Pour le moment, nous devons nous débrouiller avec la solution manuelle.

Link
Plus
Send
Send
Pin