Ce que les nouveautés d’Edge changent pour les développeurs web

Les nouveautés annoncées pour Microsoft Edge touchent à plusieurs étapes du travail des développeurs : repérer les lenteurs d’une application web, examiner le code JavaScript et les requêtes réseau, ou encore concevoir des sites utilisables par des agents de navigation. Leur disponibilité varie : certaines fonctions figurent dans les notes de version ou la documentation, d’autres sont expérimentales, et l’élément de menu natif évoqué par Microsoft reste un projet. 16333940

Mieux mesurer les transitions dans une application monopage

Dans une application monopage (SPA), l’utilisateur peut passer d’une vue à l’autre sans que le navigateur charge un nouveau document. Les mesures classiques du chargement initial ne suffisent donc pas toujours à comprendre pourquoi une transition paraît lente.

L’API Performance d’Edge ajoute deux types d’entrées pour examiner ces changements : soft-navigation signale des modifications de l’historique au sein du même document, déclenchées par une interaction ; interaction-contentful-paint indique l’apparition de nouveau contenu dans les zones de la page modifiées après une interaction. Ces données aident à situer une transition et à voir quand son contenu devient visible. Elles servent au diagnostic, pas à accélérer automatiquement l’application. 40

Les notes de version d’Edge décrivent aussi des heuristiques de navigation douce destinées à recueillir des mesures de performance dans les SPA. 39

Distinguer le JavaScript du travail du navigateur

Les marqueurs de profilage JavaScript Self-Profiling apportent du contexte sur les activités du navigateur entre les échantillons de code JavaScript : mise en page, calcul des styles, peinture ou ramasse-miettes, par exemple. Ils peuvent aider à déterminer si le temps est passé dans le code de l’application ou dans d’autres tâches du navigateur. Vérifiez la disponibilité de cette fonction dans votre version d’Edge avant de l’intégrer à un processus de production. 1

Rejouer et modifier des requêtes dans DevTools

Dans l’outil Réseau de DevTools, la commande Resend renvoie une requête capturée sans recharger la page. C’est pratique pour vérifier le comportement d’une requête lorsqu’on la répète. 18

Le flux Edit and resend as Fetch permet, lui, de modifier une requête capturée puis de l’essayer sous forme d’appel fetch() dans la Console. Ces options simplifient le débogage des échanges réseau ; elles ne rendent pas la connexion plus rapide. 118

Préparer un site aux agents de navigation avec WebMCP

WebMCP est une approche émergente qui permet à un site d’exposer des actions structurées qu’un agent de navigation peut utiliser. L’objectif est que l’agent puisse s’appuyer sur des outils ou des actions déclarés par le site, plutôt que de devoir interpréter uniquement son apparence à l’écran. Microsoft présente WebMCP comme une fonction précoce à tester : mieux vaut la considérer comme expérimentale que supposer qu’elle est disponible pour tous les visiteurs. 1

Travailler avec des plages de texte dans les champs de formulaire

OpaqueRange représente une plage de texte dynamique dans un <input> textuel ou un <textarea>. Cette API peut servir à créer des interactions liées à une portion précise du texte, sans exposer les détails internes des nœuds de texte du contrôle. Microsoft la répertorie dans les nouveautés de la plateforme web d’Edge 152. 133

Tester l’API Web Install dans le cadre prévu

L’API Web Install permet à un site de demander l’installation d’une autre application web à l’aide de la fonction asynchrone navigator.install(), qui fait appel à l’interface d’installation intégrée au navigateur. Microsoft l’a proposée aux développeurs pour des tests via un origin trial dans Edge. Ce dispositif d’expérimentation ne signifie pas que l’API est prise en charge partout. 6

L’élément de menu natif n’est pas encore une option de production

Microsoft a également évoqué un élément HTML natif <menu>, conçu pour intégrer des comportements de menu. Il s’agit d’une fonctionnalité planifiée : ne la considérez pas comme généralement disponible et n’en faites pas dépendre un site en production tant que sa prise en charge n’est pas confirmée. 1

Que peut-on essayer ?

La documentation d’Edge décrit le renvoi de requêtes depuis DevTools, et les notes de version d’Edge 152 incluent OpaqueRange. L’API Web Install dispose d’un parcours de test sous forme d’origin trial. Pour les mesures de navigation douce, WebMCP et les marqueurs de profilage JavaScript, vérifiez les versions et conditions de test en vigueur avant de vous y fier. Quant à l’élément <menu> natif, il reste à l’état de projet. 1618333940