Nouveautés de DevTools (Microsoft Edge 121)
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 :
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 :
Dans Microsoft Edge 121, l’icône correcte s’affiche désormais :
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 :
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.
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 :
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 :
- Simuler l’API de superposition des contrôles de fenêtre sans installer votre PWA
- Afficher le contenu dans la zone de la barre de titre à l’aide de la superposition des contrôles de fenêtre
- Outil d’application, pour gérer le stockage
Annonces du projet Chromium
Microsoft Edge 121 inclut également les mises à jour suivantes du projet Chromium :
- Améliorations apportées aux éléments
- Prise en charge améliorée de la carte source
- Améliorations du panneau de performances
- Marqueurs de retrait dans le panneau Sources
- Info-bulles utiles pour les en-têtes et le contenu remplacés dans le panneau Réseau
- Nouvelles options du menu Commande pour ajouter et supprimer des modèles de blocage de requêtes
- L’expérience de violations csp est supprimée
- Accessibilité