Nouveautés de DevTools (Microsoft Edge 116)

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

Nouveau bouton « Déplacer la barre d’activité » directement dans la barre d’activité

En mode Focus, vous pouvez maintenant déplacer rapidement la barre d’activité d’un simple clic de souris. En haut à gauche de DevTools, en regard du bouton Inspecter et du bouton Émulation de l’appareil , il existe désormais un bouton Déplacer la barre d’activité vers la gauche ou Déplacer la barre d’activité vers le haut :

Par exemple, par défaut, la barre d’activité est horizontale, mais vous pouvez la modifier en verticale en cliquant simplement sur le nouveau bouton Déplacer la barre d’activité vers la gauche de la barre d’activité, au lieu d’avoir à accéder au menu Paramètres DevTools (...) .

Voir aussi :

• Nouveautés du mode Focus

React l’extension Outils de développement conserve l’état des outils

Avant Microsoft Edge 116, si vous étiez en mode Focus lors de l’utilisation de l’extension outils de développement React, l’état d’un outil dans DevTools n’était pas conservé lorsque vous avez basculé vers un autre outil, puis basculé en arrière. Le problème a été corrigé.

Voir aussi :

• outils de développement React - extension dans le magasin de modules complémentaires Edge
• Nouveautés du mode Focus

Vue « Différence de contenu » dans l’outil Mémoire lorsque plusieurs instantanés de tas

Dans l’outil Mémoire, lorsqu’il existe plusieurs segments de mémoire instantané, une vue Dediffé à l’autonomie est désormais disponible dans le menu déroulant Perspective en haut à gauche de l’outil Mémoire :

L’affichage De différences de contenu affiche uniquement les nouveaux objets, objets supprimés ou objets dans la chaîne de rétention qui aboutiront à un nœud nouveau ou supprimé. Le symbole point • signifie qu’il s’agit d’un nœud dans la chaîne de rétention. Le développement de la vue affiche le nœud qui est nouveau ou supprimé.

Par exemple :

1. Ouvrez l’exemple de page web Exemple 9 : Fuites DOM plus grandes que prévu dans une nouvelle fenêtre ou un nouvel onglet.

2. Cliquez avec le bouton droit sur la page web, puis sélectionnez Inspecter. DevTools s’ouvre.

3. Dans la barre d’activité, sélectionnez l’outil Mémoire .

4. Cliquez sur le bouton Prendre le tas instantané, en haut à gauche. L’instantané 1 est répertorié dans la section Profils .

5. Dans l’exemple de page web rendu, cliquez sur le bouton Créer une arborescence .

6. Dans l’outil Mémoire, cliquez à nouveau sur le bouton Prendre le tas instantané. L’instantané 2 est ajouté à la section Profils .

7. Dans le menu déroulant Perspective , au lieu de Résumé, sélectionnez Différence de contenu.

8. Dans la colonne Objet , développez une entrée.

Voir aussi :

• Enregistrer des instantanés de tas à l’aide de l’outil Mémoire (type de profilage « Tas instantané »)
• Page web de démonstration : Exemple 9 : Les fuites DOM sont plus grandes que prévu dans Enregistrer des instantanés de tas à l’aide de l’outil mémoire (type de profilage « Tas instantané ») .

Annonces du projet Chromium

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

• Amélioration du débogage des feuilles de style manquantes
• Prise en charge du minutage linéaire dans les styles > d’éléments > Rédacteur
• Prise en charge des compartiments de stockage et vue des métadonnées
• Accessibilité : commandes clavier et lecture de l’écran améliorée

Voir aussi

• Nouveautés de Microsoft Edge DevTools
• Notes de publication pour la plateforme web Microsoft Edge