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

Table des matières:

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

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

Vidéo: Comment créer des raccourcis Web Chrome personnalisés pour vos sites Web favoris
Vidéo: Maintenance et dépannage d'un PC en réseau : problèmes de partage de fichiers et d'imprimantes - YouTube 2024, Avril
Anonim
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.
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.

Image
Image

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:
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”: [ “ https://example.com/

], “launch”: { “web_url”: “ https://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 https://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.
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.
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.
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.
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.
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.
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.
Image
Image

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.

Conseillé: