Partager via

Nouveautés de DevTools (Microsoft Edge 121)

  • Article

Pour case activée les dernières fonctionnalités de Microsoft Edge DevTools et de l’extension Microsoft Edge DevTools pour Microsoft Visual Studio Code et Visual Studio, lisez ces annonces.

Pour rester à jour et obtenir les dernières fonctionnalités de DevTools, téléchargez une préversion Insiders de Microsoft Edge. Que vous soyez sur Windows, Linux ou macOS, envisagez d’utiliser Canary (ou un autre canal en préversion) comme navigateur de développement par défaut. Les versions bêta, dev et canary de Microsoft Edge s’exécutent en tant qu’applications distinctes, côte à côte avec la version stable et publiée de Microsoft Edge. Consultez Canaux Microsoft Edge Insider.

Pour les dernières annonces, suivez l’équipe Microsoft Edge sur Twitter. Pour signaler un problème avec DevTools ou demander une nouvelle fonctionnalité, signalez un problème dans le dépôt MicrosoftEdge/DevTools .

Les onglets Index Z et DOM de l’outil Vue 3D fonctionnent désormais

Dans les versions récentes de Microsoft Edge, il y avait un bogue dans l’outil d’affichage 3D qui entraînait le non-fonctionnement des onglets Z-index et DOM . Les onglets se bloquent ou se figent et affichent le contenu de l’onglet Couches composites à la place. Ce problème a été résolu dans Microsoft Edge 121 :

Onglet Index Z de l’outil Vue 3D

Voir aussi :

L’icône Masquer le débogueur ou Afficher le débogueur est affichée dans l’outil Sources

L’icône utilisée pour réduire ou développer le volet Débogueur à droite dans l’outil Sources était incorrecte. L’icône Masquer le débogueur s’affichait au lieu de l’icône Afficher le débogueur , et inversement :

Icône dans l’outil Sources, avant

Dans Microsoft Edge 121, l’icône correcte s’affiche désormais :

Icône dans l’outil Sources, après

Voir aussi :

Ajout de la prise en charge de la carte source dans l’outil Couverture

Avant Microsoft Edge 121, l’outil Couverture affichait uniquement les informations pour les fichiers générés et les fichiers sources omissaient même lorsqu’un mappage source était joint. L’outil Couverture a maintenant été amélioré de sorte que lorsqu’un fichier généré est associé à un mappage source, l’outil Couverture affiche des informations pour le fichier source ainsi que pour le fichier généré.

Par exemple, avant Microsoft Edge 121, le rapport de couverture de la page de démonstration Calendrier lent ne contenait qu’une seule ligne statique pour le bundle.js fichier. La bundle.js ligne du rapport de couverture peut maintenant être développée pour afficher tous les fichiers sources d’origine qui composent ce fichier compilé bundle.js :

Outil de couverture affichant des informations pour les fichiers sources mappés de source ainsi que les fichiers générés

Voir aussi :

Fonctionnalités de filtrage avancées dans les onglets Bottom-Up, Call Tree et Event Log dans l’outil Performance

Dans l’outil Performances , les boutons de filtrage avancé suivants ont été ajoutés aux onglets Bas en haut, Arborescence des appels et Journal des événements :

  • Faire correspondre la casse.
  • Utilisez l’expression régulière.
  • Mettre en correspondance le mot entier.

Les boutons « Match Case », « Use Regular Expression » et « Match whole word » dans les onglets Bottom-Up, Call Tree et Event Log de l’outil Performance

En outre, dans l’onglet Bottom-Up , le filtre a été mis à jour pour s’appliquer uniquement aux éléments de niveau supérieur, au lieu de correspondre à chaque nœud.

Voir aussi :

Outils pour la superposition des contrôles de fenêtre PWA

L’outil Application a une nouvelle section Superposition des contrôles de fenêtre sous Manifeste, pour aider les développeurs PWA à voir un aperçu de la façon dont leur application gère les contrôles de fenêtre, sans avoir à installer la PWA et à apporter les modifications de style nécessaires pour prendre en charge les contrôles de fenêtre :

Section « Contrôles de superposition de fenêtre » dans l’outil Application

Utilisez la section Superposition des contrôles de fenêtre pour émuler les contrôles de fenêtre pour Windows, Linux et macOS.

Voir aussi :

Annonces du projet Chromium

Microsoft Edge 121 inclut également les mises à jour suivantes du projet Chromium :