Nouveautés de DevTools (Microsoft Edge 103)

Il s’agit des dernières fonctionnalités DevTools de la version stable de Microsoft Edge.

Vidéo : Nouveautés de DevTools 103

Image miniature de la vidéo « Nouveautés de DevTools 103 »

Nouveaux types de nœuds dans l’outil Mémoire

Dans Microsoft Edge 103, lors de la prise d’un instantané de tas dans l’outil Mémoire, il existe deux nouveaux types de nœuds :

  • BigInt : utilisé pour représenter et manipuler des valeurs trop grandes pour être représentées par le type de nœud Nombre . Voir BigInt.
  • Forme Objet : fait référence aux classes masquées et aux tableaux de descripteurs que V8 (le moteur JavaScript de Microsoft Edge) utilise pour comprendre et indexer les propriétés des objets. Voir HiddenClasses et DescriptorArrays dans les propriétés Fast de la V8.

Types de nœuds à mémoire de forme BigInt et Object

Pour passer en revue l’historique, consultez Problème 12769 : améliorer la catégorisation des objets dans les instantanés de tas.

Voir aussi :

  • Entrées de constructeur dans Enregistrer des instantanés de segment de mémoire à l’aide de l’outil Mémoire (type de profilage « instantané de tas »).)

Lancez le navigateur à partir d’un fichier HTML et utilisez l’outil Application dans Visual Studio Code

Pour faciliter le démarrage d’une nouvelle instance incorporée de Microsoft Edge à partir de Visual Studio Code, lorsque vous cliquez avec le bouton droit sur un fichier HTML dans l’Explorateur, il existe désormais un sous-menu Ouvrir avec Edge qui contient les commandes Ouvrir le navigateur et Ouvrir le navigateur avec DevTools :

Cliquez avec le bouton droit sur un fichier HTML pour ouvrir une instance de navigateur et l’onglet « Edge DevTools »

Vous pouvez désormais également utiliser l’outil Application pour obtenir des informations sur le stockage et le service worker de votre projet, sans quitter Visual Studio Code :

Outil Application dans l’onglet « Edge DevTools » de Visual Studio Code

Voir aussi :

Correctifs de bogues pour l’interface utilisateur du mode Focus

Dans la nouvelle interface utilisateur Focus Mode DevTools, divers bogues affectant les contrôles et les raccourcis clavier de DevTools ont été résolus :

  • Amélioration du comportement des volets réductibles tels que les styles dans l’outil Elements .
  • Correction de certains cas où le nom d’un outil ouvert n’était pas visible.
  • Fiabilité améliorée des contrôles Affichage rapide .
  • Amélioration du comportement d’ouverture de DevTools à l’aide de raccourcis clavier.
  • Correction d’un problème lié à la navigation vers une ligne de code spécifique dans l’outil Sources à l’aide de raccourcis clavier.
  • Restauration du raccourci clavier pour ouvrir la recherche dans le panneau Affichage rapide, qui est Ctrl+Maj+F (Windows, Linux) ou Commande+Option+F (macOS) :

Le raccourci clavier Rechercher ouvre l’outil Recherche dans le panneau Affichage rapide

L’outil Affichage 3D répond mieux dans les dispositions étroites

Dans les versions précédentes de Microsoft Edge, l’outil d’affichage 3D ne s’affichait pas correctement dans les dispositions étroites. Les options de la barre d’outils étaient coupées lorsque DevTools était étroit. Ce problème a été résolu dans Microsoft Edge 103. Les options de la barre d’outils dans la vue 3D s’empilent désormais lorsque la largeur de la fenêtre DevTools est réduite :

Disposition réactive de la barre d’outils dans l’outil d’affichage 3D

Voir aussi :

Correction : le bouton Fermer de DevTools est désormais accessible en mode contraste élevé

Dans les versions précédentes de Microsoft Edge, le bouton Fermer de DevTools ne s’affichait pas correctement en mode contraste élevé. Ce problème a été résolu dans Microsoft Edge 103. Le bouton Fermer (icône Fermer) de DevTools s’affiche correctement en mode contraste élevé :

Fermer le bouton DevTools (X) en mode contraste élevé

Voir aussi :

Outil d’accueil repensé

Dans Microsoft Edge 103, l’outil Welcome a une nouvelle conception moderne avec un contenu amélioré et développé. Il est plus facile que jamais de trouver de la documentation, des vidéos et des informations sur les nouvelles fonctionnalités et les correctifs de bogues.

  • Dans la section Apprendre , utilisez les liens pour accéder rapidement à la documentation relative aux tâches courantes dans DevTools.

  • Dans la section Nouveautés , découvrez les dernières modifications, les nouvelles fonctionnalités et les correctifs.

  • Dans les deux sections, découvrez les fonctionnalités de développement web existantes et nouvelles grâce à notre nouvelle série de vidéos, Vidéos sur le développement web avec Microsoft Edge.

L’outil d’accueil repensé

Voir aussi :

Annonces du projet Chromium

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

Voir aussi