Comment installer PWA et obtenir des listes de raccourcis dans Chrome et Edge

Les PWA sont Applications Web progressives, qui sont essentiellement un moyen pour un développeur d'offrir un raccourci sur le bureau pour un site Web ou un service.

Avec les dernières versions Canary de Chrome et Bord, il est désormais possible d'avoir même des options de sélection pour les PWA directement depuis le Liste des sauts.

La liste de raccourcis est le menu que vous obtenez lorsque vous cliquez avec le bouton droit sur une icône d'application dans la barre des tâches.

Récemment, Google et Microsoft ont ajouté la prise en charge de PWA dans les listes de raccourcis de Chrome et Edge.

Comment installer PWA et activer les listes de raccourcis dans Chrome ?

Tout d'abord, vous devez epermettre aux PWA installées d'inclure un menu de raccourcis associés à l'icône de l'application de Chrome. Pour ce faire, suivez les étapes suivantes :

1. Ouvrez Google Chrome Canary et tapez chrome://drapeaux/ dans la barre d'adresse.
2. Dans la fenêtre suivante, tapez #enable-desktop-pwas-app-icon-shortcuts-menu dans la barre de recherche ou faites simplement défiler vers le bas jusqu'à ce que vous trouviez la fonctionnalité.
3. Enfin, cliquez sur le bouton à sa droite et activez-le, puis redémarrez le navigateur.

Comment puis-je installer une PWA dans Chrome et voir sa liste de raccourcis ?

Vous devez maintenant accéder à une PWA et l'installer. Google a préparé un site test, sadchonks.com, donc on va jouer avec. Voici donc comment procéder.

1. Une fois que vous ouvrez le site Web, sur le bord droit de la barre d'adresse, vous verrez un signe plus. Clique dessus.
2. Vous verrez une boîte de dialogue vous demandant si vous souhaitez installer l'application. Cliquez sur installer.
   
3. Vous êtes prêt à partir. Maintenant, vous verrez l'icône de l'application sur votre barre des tâches et si vous faites un clic droit dessus, vous verrez toutes les options possibles. Vous pouvez voir toutes les nouvelles photos, vos choix enregistrés et vous pouvez les épingler dans la barre des tâches.

L'application Chunky Cat n'est qu'un exemple idiot, mais par exemple, nous avons fait de même pour Twitter.

Après avoir installé l'application Twitter à partir du site Web, nous avons obtenu une liste de raccourcis plus utile.

Comme vous pouvez le voir sur l'image ci-dessous, vous pouvez facilement rechercher un nouveau tweet, explorer, voir les notifications ou envoyer un message direct en cliquant simplement avec le bouton droit sur l'icône de la barre des tâches.

Comment puis-je installer PWA et activer les listes de raccourcis dans Edge ?

De la même manière qu'avec Chrome, vous devrez d'abord activer les PWA de bureau dans la version Edge Canary.

1. Ouvrez Edge Canary et tapez edge://drapeaux/ dans la barre d'adresse.
2. Dans la fenêtre suivante, tapez #enable-desktop-pwas-app-icon-shortcuts-menu dans la barre de recherche ou faites simplement défiler vers le bas jusqu'à ce que vous trouviez la fonctionnalité.
3. Enfin, cliquez sur le bouton à sa droite et activez-le, puis redémarrez le navigateur.

Comment puis-je installer une PWA dans Edge et voir sa liste de raccourcis ?

Pour les besoins de cette expérience, nous utiliserons le même PWA fourni par Google, sadchonks.com.

1. Après avoir ouvert le site, cliquez sur le signe plus ad le bord de la barre d'adresse et sélectionnez pour installer l'application.
2. C'est ça. L'icône de l'application sur votre barre des tâches et si vous faites un clic droit dessus, vous verrez les options comme si vous l'installiez avec le navigateur Chrome.

Si vous installez la PWA avec Chrome ou Edge, vous verrez également l'application dans le menu Démarrer.

As-tu installé des PWA? Aimez-vous l'option Liste de raccourcis pour les PWA? Que pensez vous d'eux? Envoyez-nous un message avec vos réflexions dans la section commentaires ci-dessous.