Comment installer PWA et obtenir des Jump Lists dans Chrome et Edge

Les PWA sont des Applications Web Progressives, qui sont, en essence, un moyen pour un développeur d’offrir un raccourci de bureau pour un site web ou un service.

Avec les dernières versions canari de Chrome et Edge, il est maintenant possible d’avoir même des options de sélection pour les PWA directement depuis la Jump List.

La Jump List est le menu que vous obtenez lorsque vous faites un clic droit sur l’icône d’une application dans la barre des tâches.

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

Comment puis-je installer PWA et activer les Jump Lists dans Chrome ?

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

1. Ouvrez Google Chrome Canary et tapez chrome://flags/ 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 à droite et réglez-le sur activer, puis redémarrez le navigateur.

Comment puis-je installer un PWA dans Chrome et voir sa Jump List ?

Maintenant, vous devez aller sur un PWA et l’installer. Google a préparé un site test, sadchonks.com, donc nous allons jouer avec. Voici comment le faire.

1. Une fois que vous ouvrez le site web, sur le bord droit de la barre d’adresse, vous verrez un signe plus. Cliquez dessus.
2. Vous verrez un 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 images, vos choix enregistrés et vous pouvez l’épingler sur la barre des tâches.

L’application chunky cat est juste un exemple idiot mais, par exemple, nous avons fait de même pour Twitter.

Après avoir installé l’application Twitter depuis le site, nous avons obtenu une Jump List plus utile.

Comme vous pouvez le voir sur l’image ci-dessous, vous pouvez facilement créer un nouveau tweet, explorer, voir les notifications ou envoyer un message direct juste en faisant un clic droit sur l’icône de la barre des tâches.

Comment puis-je installer PWA et activer les Jump Lists dans Edge ?

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

1. Ouvrez Edge Canary et tapez edge://flags/ 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 à droite et réglez-le sur activer, puis redémarrez le navigateur.

Comment puis-je installer un PWA dans Edge et voir sa Jump List ?

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 à l’extrémité de la barre d’adresse et sélectionnez pour installer l’application.
2. C’est tout. 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.

Que vous installiez le PWA avec Chrome ou Edge, vous verrez également l’application dans le menu de démarrage.

Avez-vous installé des PWA ? Aimez-vous l’option Jump List pour les PWA ? Que pensez-vous d’eux ? Laissez-nous un message avec vos réflexions dans la section des commentaires ci-dessous.