Formation
Parcours d’apprentissage
Use advance techniques in canvas apps to perform custom updates and optimization - Training
Use advance techniques in canvas apps to perform custom updates and optimization
Nouveautés des PWA
Voici les mises à jour de l’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.
À compter de Microsoft Edge 121, dans DevTools, vous pouvez simuler la fonctionnalité de superposition de contrôles de fenêtre dont disposent les Web Apps progressifs (PWA) sans avoir à installer la PWA. Consultez Simuler l’API de superposition des contrôles de fenêtre sans installer votre PWA.
À 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 :
- Détectez l’utilisation dans la barre latérale, dans Générer une PWA pour la barre latérale dans Microsoft Edge.
- Détection de Microsoft Edge à partir de votre site web.
À 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 .
Pour en savoir plus, consultez Créer un PWA pour la barre latérale dans Microsoft Edge.
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 :
Pour plus d’informations, consultez Afficher un widget PWA dans le tableau des widgets Windows.
Microsoft Edge 105 apporte les nouvelles fonctionnalités suivantes pour la Web Apps progressive.
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.
Voir aussi :
- Afficher le contenu dans la zone de barre de titre à l’aide de la superposition des contrôles de fenêtre.
- Combler un écart de 30 pixels entre le natif et le web.
- API de superposition des contrôles de fenêtre sur MDN.
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 » :
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 :
Cliquez sur le bouton Ouvrir la barre latérale de recherche dans la barre de titre du PWA installé :
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à :
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.
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é.
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 :
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.
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 :
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 l’ordre de tri de leurs applications :
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 des gestionnaires d’URL n’affichent plus l’onglet Personnalisé Chrome (CCT) lors de la redirection du domaine 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.
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 :
- Version d’évaluation de l’origine des gestionnaires de protocole
- Gérer les protocoles dans une PWA
- Inscription du gestionnaire de protocole d’URL pour les PWA dans Chrome Dev > Web Platform > Best Practices.
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.
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.
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é :
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.
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 :
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.
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.
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.
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 en savoir plus , consultez Publier une PWA sur le Microsoft Store.
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.
Mise à jour 2023 : Cette fonctionnalité n’est plus une version d’évaluation d’origine 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 dans les essais d’origine Microsoft Edge.
Mise à jour 2024 : À compter de Microsoft Edge 121, dans DevTools, vous pouvez simuler la fonctionnalité de superposition des contrôles de fenêtre pour une application web progressive (PWA), sans avoir à installer la PWA. Consultez Simuler l’API de superposition des contrôles de fenêtre sans installer votre PWA.
Les développeurs peuvent désormais utiliser les gestionnaires d’URL d’application web de fonctionnalité expérimentale dans un essai 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 une version d’évaluation d’origine 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 à la version d’évaluation microsoft Edge Origin Trials.
Voir aussi :
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().
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.
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 protocole avec votre PWA, consultez Gérer les protocoles dans un PWA.
Mise à jour 2023 : Cette fonctionnalité n’est plus une version d’évaluation d’origine 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 à la page Versions d’évaluation de Microsoft Edge Origin.
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 :
Déplacement des informations et des contrôles de confidentialité dans un menu confidentialité de 2e niveau dédié :
Déplacement des outils liés au contenu dans un menu Plus d’outils dédié de niveau 2 :
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 :
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.
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.