Remarque
L’accès à cette page nécessite une autorisation. Vous pouvez essayer de vous connecter ou de modifier des répertoires.
L’accès à cette page nécessite une autorisation. Vous pouvez essayer de modifier des répertoires.
Il s’agit des dernières fonctionnalités DevTools de la version stable de Microsoft Edge.
Vidéo : Nouveautés de DevTools 111
Débogage à distance des contrôles Microsoft Edge, PWA et WebView2 sur les appareils HoloLens 2
L’application Outils de contrôle à distance pour Microsoft Edge est désormais disponible sur les appareils HoloLens 2. L’application Outils à distance pour Microsoft Edge est un plug-in pour le Portail d’appareil Windows pour bureau qui permet le débogage à distance des onglets dans Microsoft Edge, les applications Progressive Web Apps (PWA) et les contrôles WebView2. En utilisant le débogage à distance, vous pouvez exécuter du contenu web sur un appareil distant et le déboguer directement à partir de votre machine de développement.
Avec le débogage à distance activé, vous n’avez plus besoin d’ouvrir DevTools sur les appareils HoloLens 2. Au lieu de cela, vous pouvez vous connecter à l’appareil HoloLens 2 distant à l’aide du portail d’appareils, ouvrir la edge://inspect page, puis sélectionner la cible (onglet, PWA ou contrôle WebView2) que vous souhaitez utiliser avec DevTools.
Pour nous faire part de vos commentaires sur le flux de débogage à distance pour Microsoft Edge, laissez un commentaire dans le problème 136 : Débogage à distance Les appareils HoloLens 2 sont désormais disponibles avec la dernière version de l’application Outils de contrôle à distance pour Microsoft Edge.
Voir aussi :
- Déboguer à distance des appareils Windows
- Portail d’appareil Windows pour bureau
- Débogage à distance d’applications HoloLens 2 WebView2 WinUI 2 (UWP)
La barre d’outils du mode appareil comporte des commandes d’émulation pour les thèmes et les faiblesses visuelles
Dans les versions précédentes de Microsoft Edge, pour émuler différents thèmes ou déficiences visuelles, vous utilisiez l’outil Rendering pour, par exemple, émuler l’achromatopsie, c’est-à-dire lorsque l’utilisateur est incapable de percevoir une couleur.
Dans Microsoft Edge 111, vous pouvez désormais accéder à ces contrôles d’émulation de déficience visuelle et de thème directement à partir de la barre d’outils du mode appareil , en plus d’utiliser l’outil Rendu .
Par exemple, pour émuler le mode contraste élevé et tester la façon dont votre contenu web répond :
- Dans la barre d’outils Mode périphérique , à droite de la liste déroulante Limitation , cliquez sur Émuler les fonctionnalités multimédias (icône pipette,
). - Sélectionner les couleurs forcées : actif :
Vous pouvez également émuler les faiblesses visuelles en cliquant sur l’icône Œil située à côté de l’icône Pipette. Par exemple, pour imiter une vision floue :
- Cliquez sur Émuler la déficience visuelle (icône en forme d’œil,
). - Sélectionnez Vision floue :
Voir aussi :
- Émuler des appareils mobiles (émulation d’appareil)
- Rechercher les problèmes de contraste avec le thème foncé et le thème clair
- Émuler les faiblesses de la vision
L’outil Performances déminise les noms de fichiers et de fonctions lors du profilage du code de production
Microsoft Edge 99 a ajouté une nouvelle fonctionnalité à l’outil Performances appelée Unminify. Cette fonctionnalité de désminification appliquait des mappages de sources à un profil enregistré avec l’outil Performances , puis téléchargeait le profil non minifié sur votre ordinateur. La fonctionnalité Dissocier est décrite dans Utilisez vos mappages de sources pour afficher les noms de fonctions d’origine dans les profils de performances dans Nouveautés de DevTools (Microsoft Edge 99).
Dans Microsoft Edge 111, cette fonctionnalité a été supprimée, car l’outil Performances fournit désormais automatiquement les noms de fichier et de fonction d’origine lors du profilage du code de production, tant que les mappages sources sont chargés. Les cartes sources peuvent être chargées de manière fiable et sécurisée en les hébergeant sur le serveur de symboles Azure Artifacts.
Dans l’image suivante, vous voyez des noms de fonctions miniaturisés dans le graphique en flammes lors du profilage du code de production :
Désormais, dans Microsoft Edge 111, l’outil Performances déminise automatiquement les noms de fonctions dans le graphique en flammes lors du profilage du code de production :
Voir aussi :
- Déboguer en toute sécurité le code original en publiant des cartes de sources sur le serveur de symboles Azure Artifacts
- Déboguer en toute sécurité le code original en utilisant les cartes sources du serveur de symboles Azure Artifacts
- Enregistrer les performances dans la référence des fonctionnalités de performance.
Le volet Styles est plus facile à utiliser en mode Focus
Dans les versions précédentes de Microsoft Edge, en mode Focus, l’outil Éléments ne permettait pas d’accéder facilement à tous les onglets du volet Styles . Ce problème a été résolu dans Microsoft Edge 111. Lorsque le volet Styles a une fenêtre d’affichage étroite et ne peut pas afficher tous les autres onglets disponibles, cliquez sur l’icône de développement Plus d’onglets (
) :
Pour afficher uniquement quelques onglets dans le volet Styles , cliquez sur l’icône Réduire plus d’onglets (
) :
Voir aussi :
Copier le tableau des statistiques du sélecteur de l’outil Performances dans Excel
Microsoft Edge 109 a introduit la fonctionnalité Statistiques de sélecteur dans l’outil Performances . Lorsque le paramètre Activer l’instrumentation de rendu avancée (lent) est activé dans l’outil Performances , la sélection d’un événement Recalculer les styles dans le graphique en courbes ajoute un onglet Statistiques de sélecteur dans le volet inférieur. Voir Déboguer les événements de recalcul de style de longue durée avec de nouvelles statistiques de sélecteur dans Nouveautés de DevTools (Microsoft Edge 109).
Dans Microsoft Edge 111, vous pouvez désormais exporter le tableau des statistiques de sélecteur pour chaque événement Recalculer les styles vers un classeur Microsoft Excel. Vous pouvez ensuite utiliser Excel pour effectuer une analyse des performances du sélecteur d’agrégation et identifier les sélecteurs les plus coûteux sur la durée de vie du profil.
Pour exporter le tableau des statistiques de sélecteur :
- Cliquez sur la cellule supérieure gauche avec la souris, puis faites glisser pour sélectionner la cellule inférieure droite.
- Cliquez avec le bouton droit sur la table, puis sélectionnez Copier. Vous pouvez également appuyer sur Ctrl+C (Windows, Linux) ou Cmd+C (macOS).
- Collez le tableau dans Excel.
Voir aussi :
En mode Focus, la technologie d’assistance annonce lorsque vous déplacez un outil en mode Aperçu rapide
Dans les versions précédentes de Microsoft Edge, les technologies d’assistance, telles que les lecteurs d’écran, n’annonçaient pas la confirmation lors du déplacement d’un outil de la barre d’activités vers la barre d’outils Affichage rapide . Ce problème a été résolu dans Microsoft Edge 111. Les lecteurs d’écran annoncent désormais « Réseau correctement ajouté à l’Affichage rapide » lorsque vous déplacez l’outil Réseau de la barre d’activités vers la barre d’outils Affichage rapide :
Voir aussi :
Annonces du projet Chromium
Microsoft Edge 111 inclut également les mises à jour suivantes du projet Chromium :
- Débogage de la couleur HD avec le volet Styles
- Expérience utilisateur de point d’arrêt améliorée
- Meilleure mise en surbrillance de la syntaxe pour Angular
- Réorganiser les caches dans le panneau Application