Comment installer des Progressive Web Apps (PWA) sur Microsoft Edge dans Windows 10

Les Progressive Web Apps (PWA) sont une fonction puissante de Microsoft Edge qui permet de transformer les sites web que vous consultez le plus souvent en véritables applications. Comme les web clips, les PWA évitent d’avoir à ouvrir un navigateur : vos employés bénéficient des notifications push et d’un accès hors ligne, sans subir de longs temps de chargement.

Cet article détaille les étapes d’installation et de désinstallation d’une progressive web app, ses composants clés et les problèmes de dépannage les plus courants.

Installer une PWA avec Microsoft Edge

Méthode 1 : installation d’une PWA depuis la barre d’adresse

1. Ouvrez l’application Microsoft Edge.
2. Rendez-vous sur un site web compatible avec les PWA (par exemple Pinterest, Uber ou Twitter).
   1. Pour savoir si un site peut être utilisé comme PWA :
      1. Rendez-vous sur le site web de votre choix.
      2. Ouvrez les outils de développement en appuyant sur F12 ou faites un clic droit sur la page et sélectionnez Inspecter.
      3. Ouvrez l’onglet Applications. Pour l’afficher, cliquez sur la double flèche (>>).
      4. Dans la barre latérale de gauche, sélectionnez Service Workers.
      5. Si des éléments s’affichent, le site prend en charge les progressive web apps.
3. Cliquez sur l’icône d’installation « + » dans la barre d’adresse.
4. Confirmez l’installation dans la fenêtre contextuelle.
5. Choisissez les paramètres que vous souhaitez autoriser.

Méthode 2 : installation d’une PWA depuis le menu d’Edge

1. Ouvrez l’application Microsoft Edge.
2. Rendez-vous sur un site web compatible avec les PWA (par exemple Pinterest, Uber ou Twitter).
   1. Pour savoir si un site peut être utilisé comme PWA :
      1. Rendez-vous sur le site web de votre choix.
      2. Ouvrez les outils de développement en appuyant sur F12 ou faites un clic droit sur la page et sélectionnez Inspecter.
      3. Ouvrez l’onglet Applications. Pour l’afficher, cliquez sur la double flèche (>>).
      4. Dans la barre latérale de gauche, sélectionnez Service Workers.
      5. Si des éléments s’affichent, le site prend en charge les progressive web apps.
3. Appuyez sur Alt + F pour ouvrir Paramètres et plus.
4. Sélectionnez Applications > Installer ce site en tant qu’application.
5. Confirmez l’installation dans la fenêtre contextuelle.
6. Choisissez les paramètres que vous souhaitez autoriser.

Cette courte vidéo montre étape par étape « Comment installer des Progressive Web Apps (PWA) sur Microsoft Edge dans Windows 10 ».

Gérer les PWA installées

Ouvrir une PWA

Lancez vos progressive web apps depuis le menu Démarrer ou épinglez-les à la barre des tâches pour y accéder rapidement. Notez toutefois que les PWA n’affichent pas d’emplacement de fichier précis, car elles s’exécutent avec le navigateur qui a servi à les installer.

Désinstaller une PWA

Depuis Microsoft Edge

Voici les étapes pour désinstaller une PWA dans Microsoft Edge :

1. Ouvrez l’application Microsoft Edge.
2. Appuyez sur Alt + F pour ouvrir Paramètres et plus.
3. Sélectionnez Applications > Afficher les applications.
4. Faites un clic droit sur l’application à supprimer.
5. Choisissez Gérer l’application.
6. Cliquez sur Désinstaller.
7. Confirmez la désinstallation dans la fenêtre contextuelle.

Depuis le menu Démarrer

1. Appuyez sur Win + S et recherchez la PWA.
2. Faites un clic droit sur l’application à supprimer.
3. Choisissez Désinstaller.
4. Confirmez votre choix dans la fenêtre contextuelle.

Autres méthodes

Microsoft Edge Canary et Microsoft Edge Beta proposent les fonctions et les nouveautés techniques les plus récentes, avant leur arrivée dans le navigateur officiel. La première version est mise à jour plus fréquemment, mais manque de stabilité ; la seconde reçoit des correctifs toutes les six semaines, pour des performances plus fiables.

L’une comme l’autre donnent à vos utilisateurs accès aux PWA et vous permettent d’adapter et de tester de nouvelles fonctions de simplification avant leur sortie sur le navigateur principal.

FAQ

Puis-je installer une PWA depuis n’importe quel site web ?

Non, tous les sites web ne peuvent pas être téléchargés en tant que progressive web apps. Un site doit disposer d’un manifeste JSON contenant ses métadonnées, être servi via HTTPS et fonctionner sur plusieurs appareils.

Une PWA fonctionne-t-elle hors ligne ?

Oui, les PWA fonctionnent hors ligne grâce aux service workers, qui mettent en cache des ressources utilisables sans connexion Internet.

Comment mettre à jour une PWA ?

Pour mettre votre PWA à jour, videz son cache et rechargez l’application. Voici comment procéder :

1. Lancez votre PWA dans votre navigateur.
2. Appuyez sur F12 ou faites un clic droit > Inspecter.
3. Ouvrez l’onglet Applications.
4. Sélectionnez Service workers dans le volet de gauche.
5. Cliquez sur Update, ou sur Unregister si vous souhaitez remplacer complètement le service worker de votre PWA.
6. Rechargez la page.

Puis-je épingler une PWA à la barre des tâches ?

Oui, vous pouvez épingler une PWA à votre barre des tâches. Pour cela, recherchez simplement l’application avec la recherche Windows, faites un clic droit dessus, puis sélectionnez Épingler à la barre des tâches.

Dépannage et problèmes courants

Les progressive web apps réunissent les meilleurs aspects des applications web et des logiciels natifs, mais présentent aussi leurs propres difficultés. Voici comment résoudre les plus fréquentes :

L’option d’installation n’apparaît pas

• Vérifiez dans la barre d’adresse si le site est servi via HTTPS.
• Assurez-vous que le manifeste de l’application web est correctement configuré avec les propriétés essentielles (par exemple name, short_name, start_url, display et icons).
• Vérifiez la compatibilité de votre navigateur avec les PWA.

La PWA ne s’ouvre pas correctement

Videz le cache de votre navigateur et vérifiez s’il existe des mises à jour. Contrôlez également que les autorisations de votre navigateur ne nuisent pas aux performances de votre PWA. Sinon, une réinstallation peut s’avérer nécessaire.

Raccourci absent après l’installation

Certains navigateurs gèrent les raccourcis des PWA différemment. Si aucun raccourci n’apparaît pour votre progressive web app, suivez ces instructions :

1. Ouvrez l’Explorateur de fichiers (Win + E).
2. Accédez au chemin suivant :

C:\Users\%USERNAME%\AppData\Local\Microsoft\Edge\User Data\Default\Web Applications

3. Repérez le dossier « _crx » correspondant à la PWA installée.
4. Faites un clic droit sur le fichier .exe et choisissez Créer un raccourci sur le bureau.

Vous pouvez aussi épingler une progressive web app à votre barre des tâches. Pour cela, recherchez simplement l’application avec la recherche Windows, faites un clic droit dessus, puis sélectionnez Épingler à la barre des tâches. Vous accédez ainsi facilement à la PWA, en particulier lorsqu’il n’existe pas de moyen évident de créer un raccourci sur le bureau.

Fluidifiez vos flux de travail avec les progressive web apps

Les PWA offrent à votre entreprise une expérience applicative légère qui rend l’accès aux sites web importants plus rapide et plus pratique.

Créer une progressive web app sur Microsoft Edge est très simple : rendez-vous sur un site compatible, repérez le bouton d’installation dans la barre d’adresse et confirmez votre choix. La gestion est intuitive et ne demande que quelques clics dans Microsoft Edge. Enfin, la souplesse des PWA prend tout son sens lorsque l’on considère leur potentiel en matière d’automatisation en entreprise.