Nouveautés de la Web Apps progressive

Cette page répertorie les mises à jour de la Web Apps progressive (PWA) et des Web Apps de l’équipe microsoft Edge Web Apps. Pour essayer de nouvelles fonctionnalités, lisez ces annonces. Pour rester à jour avec les fonctionnalités les plus récentes et les plus importantes, téléchargez les canaux de préversion de Microsoft Edge (Bêta, Dev et Canary).

Les sections de ce document correspondent aux versions historiques de Microsoft Edge et ne sont pas mises à jour au fil du temps. Par exemple, les références ci-dessous aux « nouvelles fonctionnalités » ou aux « essais d’origine » peuvent devenir obsolètes à mesure que de nouvelles versions de Microsoft Edge sont publiées.

Nouveautés de Microsoft Edge 114

À compter de Microsoft Edge 114, vous pouvez détecter quand votre PWA s’exécute dans la barre latérale de Microsoft Edge à l’aide de User-Agent indicateurs du client.

Pour en savoir plus, case activée ces ressources :

Nouveautés de Microsoft Edge 112

À compter de Microsoft Edge 112, les Web Apps progressives peuvent choisir expérimentalement d’être épinglées à la barre latérale dans Microsoft Edge.

La barre latérale de Microsoft Edge permet aux utilisateurs d’accéder facilement aux sites web et utilitaires populaires en même temps que leurs onglets de navigateur. Le contenu de la barre latérale augmente la tâche principale de l’utilisateur en activant la navigation côte à côte et en réduisant la nécessité de basculer entre les différents onglets du navigateur.

Pour préparer votre PWA à l’épinglage à la barre latérale dans Microsoft Edge, utilisez le membre manifeste edge_side_panel .

Microsoft Edge avec un onglet ouvert dans une application de liste de tâches, et PWAmp dans la barre latérale

Pour plus d’informations, consultez Générer des PWA pour la barre latérale dans Microsoft Edge.

Nouveautés de Microsoft Edge 108

Microsoft Edge 108 introduit la prise en charge expérimentale des Web Apps progressives pour définir leurs propres widgets dans le tableau des widgets dans Windows 11.

Les widgets sont définis dans votre fichier manifeste PWA, à l’aide du membre de widgets manifeste. Les widgets sont affichés à l’aide de modèles de cartes adaptatives, ce qui facilite la création des widgets et les rend faciles à adapter à différents tableaux de bord de widgets de système d’exploitation à l’avenir. Microsoft Edge permet également de gérer les actions utilisateur sur les widgets PWA à partir de votre fichier de travail de service.

La capture d’écran suivante montre le tableau des widgets Windows à gauche et l’application de démonstration PWAmp à droite. Le panneau widgets contient le widget de mini-lecteur PWAmp, montrant la chanson actuelle qui est en cours de lecture dans l’application PWAmp :

Widget de mini-lecteur PWAmp, dans le tableau Widgets Windows, en regard de l’application PWAmp

Pour plus d’informations, consultez Créer des widgets pilotés par PWA.

Nouveautés de Microsoft Edge 105

Microsoft Edge 105 apporte les nouvelles fonctionnalités suivantes pour la Web Apps progressive.

API de superposition des contrôles de fenêtre

L’API de superposition des contrôles de fenêtre est désormais disponible par défaut, à compter de Microsoft Edge 105. Utilisez l’API de superposition des contrôles de fenêtre pour prendre le contrôle de la zone qui serait normalement utilisée par la barre de titre d’une fenêtre PWA installée. Le code PWA peut utiliser cette zone pour afficher du contenu web arbitraire, tel qu’une zone de titre personnalisée, des boutons de navigation ou une barre de menus.

Cette fonctionnalité rend les PWA installées sur des systèmes d’exploitation de bureau tels que Windows, macOS et Linux, plus similaires à leurs équivalents natifs.

Une PWA, avec une barre de titre personnalisée

Pour en savoir plus, case activée ces ressources :

Les notifications d’une PWA sont désormais indiquées comme provenant de la PWA

Dans les versions antérieures, les notifications créées par les PWA semblaient être émises par Microsoft Edge.

Avec Microsoft Edge 105, les notifications d’une PWA affichent désormais le nom et l’icône de la PWA au lieu d’afficher « Microsoft Edge » :

Une fenêtre d’application PWA, avec une notification affichée près de la barre des tâches Windows. La notification a l’icône PWA et le nom

Nouveautés de Microsoft Edge 101

Microsoft Edge 101 introduit la fonctionnalité de recherche dans la barre latérale pour les PWA. La recherche dans la barre latérale permet aux utilisateurs de PWA installés de rechercher et de parcourir le contenu web dans une barre latérale située dans la fenêtre PWA.

Pour accéder à la recherche dans la barre latérale :

  1. Cliquez sur le bouton Ouvrir la barre latérale de recherche dans la barre de titre du PWA installé :

    Icône de recherche de la barre latérale, affichée dans la barre de titre de l’application

  2. Tapez une requête de recherche, puis appuyez sur Entrée. Les résultats de la recherche s’affichent et vous pouvez accéder à une page web à partir de là :

    La recherche dans la barre latérale, ouverte sur le côté d’un PWA, avec des résultats de recherche affichés

Nouveautés de Microsoft Edge 100

les canaux Microsoft Edge Dev et Canary ont été déplacés vers la version 100 le 9 février 2022. Dans ce jalon, nous testons les nouvelles fonctionnalités d’application web suivantes. Nous nous attendons à ce que ces nouvelles fonctionnalités se déploient sur Stable après la période de test.

Synchronisation d’applications

Le service de synchronisation qui alimente les fonctionnalités, notamment les favoris, les paramètres, l’historique, etc. a été développé pour inclure vos applications web installées, c’est-à-dire les PWA et les sites web installés en tant qu’applications. Le service de synchronisation fonctionne lorsque vous êtes connecté à votre profil et que vous avez choisi la synchronisation.

À mesure que nous testons et publions progressivement cette fonctionnalité au cours des prochaines semaines, les utilisateurs qui ont choisi la synchronisation commencent à voir une section Vos applications disponibles dans la edge://apps page et un menu Applications repensé.

Section Vos applications disponibles

La section Vos applications disponibles affiche toutes les applications que vous avez installées sur d’autres appareils avec le même profil de connexion, qui ne sont pas actuellement installées dans le instance Microsoft Edge que vous utilisez. Les applications disponibles s’affichent dans leur propre section avec des icônes grises. Cliquez sur le bouton Installer sur une application pour installer l’application sur cet appareil :

Applications disponibles affichées dans la page Applications avec le bouton d’installation mis en évidence

La synchronisation des applications est disponible uniquement sur les appareils de bureau, à ce stade. Pour maintenir la synchronisation de vos applications entre les appareils, l’ajout d’une application sur un appareil l’ajoute à la section Vos applications disponibles sur d’autres appareils. La désinstallation d’une application sur un appareil la supprime d’autres appareils.

Menu Applications repensées

Dans Microsoft Edge, la commande Applications du menu Paramètres et plus est en cours de conception :

  • L’icône de menu Applications peut être ajoutée à la barre d’outils pour un accès rapide.
  • Le menu contextuel peut être épinglé en tant que barre latérale pour afficher vos applications avec du contenu web.
  • Des options d’affichage et de tri personnalisables ont été ajoutées, ainsi qu’une section Mes applications disponibles pour prendre en charge la fonctionnalité De synchronisation d’applications.

Les utilisateurs peuvent afficher l’icône du menu Applications dans la barre d’outils, pour un accès rapide :

L’icône Applications peut être affichée dans la barre d’outils pour un accès rapide

Les utilisateurs peuvent épingler le menu Applications ouvert en tant que barre latérale :

Les utilisateurs peuvent épingler le menu Applications ouvert en tant que barre latérale

Les utilisateurs peuvent choisir entre une vue liste ou grille :

Les utilisateurs peuvent choisir entre l’affichage liste ou grille pour leurs applications

Les utilisateurs peuvent choisir l’ordre de tri de leurs applications :

Les utilisateurs peuvent choisir l’ordre de tri de leurs applications

Nouveautés de Microsoft Edge 97

Microsoft Edge version 96 devrait devenir la version Stable le 18 novembre 2021. Microsoft Edge version 97 passera du canal Dev à la préversion bêta après cette date.

Les applications du Store inscrites en tant que gestionnaires d’URL masquent l’interface utilisateur de l’onglet personnalisé

Les PWA installées dans le Store qui participent à la version d’évaluation de l’origine du gestionnaire d’URL n’affichent plus l’onglet Personnalisé Chrome (CCT) lors de la redirection du domaine de la PWA vers un nom de domaine correspondant avec un autre domaine de niveau supérieur (TLD). Cette redirection se produit souvent dans les applications avec des domaines spécifiques aux paramètres régionaux ; par exemple, la redirection de contoso.com vers contoso.ca pour les utilisateurs au Canada.

Nouveautés de Microsoft Edge 96

Les gestionnaires de protocole d’URL passent à Stable

Le procès sur l’origine a été conclu. La fonctionnalité Gestionnaires de protocole URL est désormais disponible dans Microsoft Edge 96 Stable.

Voir aussi :

Nouvelle conception de hub pour la gestion de vos applications web installées

Microsoft Edge Canary a atteint la version 96 le 5 octobre 2021. Avec un sous-ensemble de nos utilisateurs, nous testons une nouvelle conception pour mieux gérer vos applications web installées. Lorsque vous accédez à edge://apps dans votre navigateur, il affiche désormais un hub repensé qui répertorie les PWA et les sites web installés en tant qu’applications.

Ordre de tri

Vous pouvez trier vos applications selon l’un des éléments suivants :

  • Récemment utilisé.
  • Par ordre alphabétique, en fonction du titre.
  • Date d’installation.
Affichage Liste ou Grille

Vous pouvez organiser les applications dans une vue liste ou grille à l’aide de la liste déroulante Afficher en tant que . Dans cette image, l’affichage Grille est sélectionné :

Nouvelle page de gestion des applications dans Microsoft Edge

Pour zoomer : cliquez avec le bouton droit sur > Ouvrir l’image dans un nouvel onglet.

Épingler des applications, créer des raccourcis vers des applications, exécuter l’application lors de la connexion

Vous pouvez facilement épingler des applications à la barre des tâches ou au menu Démarrer . Vous pouvez créer un raccourci et permettre aux applications de s’exécuter sur la connexion de l’utilisateur.

Page des détails d’application

Il existe désormais une page de détails de l’application, qui permet d’accéder facilement aux éléments suivants :

  • Autorisations et détails de confidentialité pour l’origine associée.
  • Plus d’informations sur l’application.

Page des détails de l’application :

Page des détails de l’application dans Microsoft Edge

Nouveautés de Microsoft Edge 95

Microsoft Edge version 95 a été déplacé vers le canal bêta le 28 septembre 2021. Les essais d’origine restent actifs pour les fonctionnalités suivantes :

Nous prévoyons que l’essai d’origine des gestionnaires de protocole se termine le 21 octobre 2021.

Nouveautés de Microsoft Edge 94

Microsoft Edge version 94 est passée à Stable le 23 septembre 2021. Ce cycle de publication a été court : seulement 3 semaines, de Microsoft Edge 93 Stable à Microsoft Edge 94 Stable, car nous avons intégré le nouveau cycle de publication de 4 semaines. Cette nouvelle cadence de publication correspond à la nouvelle cadence des jalons Chromium, décrite dans Accélérer le cycle de publication de Chrome.

En raison du cycle de publication raccourci de Microsoft Edge version 94, nous nous sommes concentrés sur la stabilisation de la logistique du cycle de publication et nous avons déplacé le développement de fonctionnalités vers Microsoft Edge version 95.

Les essais d’origine restent actifs pour les fonctionnalités suivantes :

Nous prévoyons que la version d’évaluation de l’origine des gestionnaires de protocole se termine avec Microsoft Edge version 94, car nous recevons les commentaires finaux et nous nous préparons à déplacer la fonctionnalité des gestionnaires de protocole vers Stable. Si vous êtes inscrit à la version d’évaluation d’origine pour les gestionnaires de protocole, nous prévoyons de mettre fin à la période d’évaluation après Microsoft Edge version 94. Nous déterminerons ensuite quand cette fonctionnalité deviendra Stable.

Nouveautés de Microsoft Edge 93

Microsoft Edge version 93 est devenu le canal stable de Microsoft Edge le 2 septembre 2021. Cet article répertorie les mises à jour apportées aux Web Apps progressives (PWA) du point de vue des développeurs et des consommateurs.

Mesurer l’utilisation de votre PWA installé dans le Store

Microsoft Edge inclut désormais un en-tête de référent avec la demande pour la première navigation de votre PWA installée sur le Microsoft Store.

Cette fonctionnalité a été introduite pour la première fois dans Microsoft Edge version 91, et nous avons fourni un correctif de bogue dans Microsoft Edge version 93.

Pour plus d’informations, consultez Publier une application web progressive sur le Microsoft Store.

Essais d’origine des contrôles de fenêtre overlay

Pour avoir plus de contrôle sur la zone de barre de titre actuellement affichée en mode d’affichage autonome, vous pouvez tester la superposition des contrôles de fenêtre. La superposition des contrôles de fenêtre (OMD) est un ensemble de fonctionnalités qui fonctionnent ensemble pour fournir uniquement les contrôles essentiels nécessaires à la fenêtre de l’application. Cette disposition libère plus d’espace pour la couche de contenu web. L’OMD est disponible pour les PWA de bureau installées.

Pour en savoir plus sur l’expérimentation de la superposition de contrôles de fenêtre, consultez Afficher le contenu dans la barre de titre.

Mise à jour 2023 : Cette fonctionnalité n’est plus disponible dans la version d’évaluation d’Origin et est disponible pour tous les utilisateurs. Par conséquent, les éléments suivants ne s’appliquent plus : Inscrivez votre origine pour la version d’évaluation des contrôles overlay de fenêtre d’application web sur la console développeur Origin Trials.

Version d’évaluation de l’origine des gestionnaires d’URL

Les développeurs peuvent désormais utiliser la fonctionnalité expérimentale Gestionnaires d’URL d’application web dans la version d’évaluation d’origine. Cette fonctionnalité permet à l’inscription d’un PWA installé d’ouvrir des liens à partir d’autres applications qui font référence à son étendue.

Mise à jour 2023 : cette fonctionnalité n’est plus dans la version d’évaluation d’Origin et a été supprimée. Par conséquent, les éléments suivants ne s’appliquent plus, et la fonctionnalité Gestionnaires d’URL PWA a été supprimée du moteur de navigateur Chromium : Inscrivez votre domaine pour la version d’évaluation des gestionnaires d’URL d’application web sur la console développeur Origin Trials.

Voir aussi :

Prise en charge de l’API De partage sur macOS

Nous avons implémenté la prise en charge de l’API navigator.share pour macOS. La fonctionnalité est déployée sur les navigateurs Microsoft Edge stables sur macOS au cours des prochaines semaines.

En savoir plus sur l’API navigator.share().

Nouveautés de Microsoft Edge 92

Microsoft Edge version 92 est devenu le canal stable de Microsoft Edge le 22 juillet 2021. Cet article répertorie les mises à jour apportées aux Web Apps progressives (PWA) du point de vue des développeurs et des consommateurs.

Version d’évaluation de l’origine des gestionnaires de protocole

Vous pouvez maintenant inscrire votre PWA pour gérer des protocoles spécifiques avec le système d’exploitation hôte. Pour en savoir plus sur l’utilisation de gestionnaires de protocoles avec votre PWA, consultez Gérer les protocoles dans progressive Web Apps.

Mise à jour 2023 : cette fonctionnalité n’est plus disponible dans la version d’évaluation d’Origin et est disponible pour tous les utilisateurs. Par conséquent, les éléments suivants ne s’appliquent plus : La version d’évaluation Windows pour les gestionnaires de protocole est désormais disponible. Vous pouvez inscrire votre origine pour la version d’évaluation du gestionnaire de protocole d’application web sur la page d’inscription à la version d’évaluation de l’origine.

Menu Informations sur l’application simplifiée

Lorsqu’un utilisateur sélectionne le bouton de sélection (...) dans la barre de titre de l’application, le menu Informations sur l’application s’affiche. Nous avons mis à jour le menu Informations sur l’application et simplifié l’expérience utilisateur des manières suivantes, afin de fournir une expérience utilisateur qui ressemble davantage à une application de bureau qu’à une interface utilisateur de navigateur :

  • Déplacé les informations de l’éditeur de l’application vers le niveau supérieur et en a fait la première chose qu’un utilisateur voit :

    Menu Infos nouvelles et simplifiées sur l’application

  • Déplacement des informations et des contrôles de confidentialité dans un menu confidentialité de 2e niveau dédié :

    Contrôles de confidentialité dans le menu Confidentialité dédié

  • Déplacement des outils liés au contenu dans un menu Plus d’outils dédié de niveau 2 :

    Les outils liés au contenu se trouvent désormais dans le menu Autres outils

Boîte de dialogue volant post-installation

Une fois qu’une PWA est installée à partir du navigateur Microsoft Edge sur Windows, les utilisateurs peuvent désormais choisir parmi quatre options pour lancer facilement leurs applications :

  • Épingler à la barre des tâches
  • Épingler à l’accueil
  • Raccourci Créer un bureau
  • Démarrage automatique sur la connexion de l’appareil

Pour plus de commodité, cette boîte de dialogue volant s’affiche la première fois que l’application est lancée :

Boîte de dialogue volant post-installation avec les options Épingler à la barre des tâches, Épingler à l’écran de démarrage, Créer un raccourci bureau et Démarrer automatiquement sur la connexion de l’appareil

Cette fonctionnalité est déployée progressivement pour tous les utilisateurs. En attendant, si vous souhaitez utiliser cette fonctionnalité, accédez à edge://flags et activez l’indicateur Web Apps boîte de dialogue post-installation.

Restaurer Web Apps

Les sites installés et les PWA qui s’exécutaient avant un arrêt inattendu sont désormais restaurés (autrement dit, ils sont redémarrés) lorsque le système récupère.

Un arrêt inattendu peut se produire en raison d’une défaillance du processus, d’un redémarrage du système ou d’une panne de courant. Avant cette modification, les sites installés et les PWA avaient un comportement indéterminé lors de la restauration du système.

Voir aussi