Fonctionnalités expérimentales de Microsoft Edge DevTools

Microsoft Edge DevTools permet d’accéder à des fonctionnalités expérimentales en cours de développement. Cet article répertorie et décrit les fonctionnalités expérimentales qui se trouvent dans :

• La dernière version du canal d’aperçu Canary de Microsoft Edge.
• Dernière version de la version stable de Microsoft Edge.

Tous les canaux de Microsoft Edge disposent de fonctionnalités expérimentales. Vous pouvez obtenir les dernières fonctionnalités expérimentales à l’aide du canal Microsoft Edge Canary. Pour afficher la liste complète des expériences disponibles dans votre version de Microsoft Edge, consultez la pageExpériences de paramètres> dans DevTools.

Ces expériences peuvent être instables ou peu fiables et peuvent vous obliger à redémarrer DevTools.

Activer ou désactiver une expérience

Les fonctionnalités expérimentales sont constamment mises à jour et peuvent entraîner des problèmes de performances. C’est l’une des raisons pour lesquelles vous souhaiterez peut-être désactiver une expérience.

Pour activer ou désactiver une expérience dans Microsoft Edge :

1. Pour ouvrir DevTools, cliquez avec le bouton droit sur la page web, puis sélectionnez Inspect. Vous pouvez également appuyer sur Ctrl+Maj+I (Windows, Linux) ou Commande+Option+I (macOS). DevTools s’ouvre.

2. Dans DevTools, dans la barre d’outils principale, cliquez sur le bouton Personnaliser et contrôler DevTools (), puis cliquez sur le bouton Paramètres (). Ou appuyez sur Maj+ ?.

3. Sur le côté gauche du panneau Paramètres , sélectionnez la page Expériences :

   

4. Cochez ou décochez la case d’une expérience. Certaines expériences sont sélectionnées par défaut.

5. Cliquez sur Fermer () dans le coin supérieur droit des paramètres DevTools.

6. Cliquez sur le bouton Recharger DevTools .

Restauration des valeurs par défaut pour lesquelles les expériences sont sélectionnées

Pour rétablir les paramètres par défaut pour lesquels les fonctionnalités expérimentales sont activées :

1. Pour ouvrir DevTools, cliquez avec le bouton droit sur la page web, puis sélectionnez Inspect. Vous pouvez également appuyer sur Ctrl+Maj+I (Windows, Linux) ou Commande+Option+I (macOS). DevTools s’ouvre.

2. Dans DevTools, dans la barre d’outils principale, cliquez sur le bouton Paramètres (). Ou appuyez sur Maj+ ?. Le panneau Paramètres s’ouvre, avec la page Préférences sélectionnée.

3. En bas de la page Préférences, cliquez sur le bouton Actualiser et Restaurer les valeurs par défaut, puis cliquez sur Fermer ().

Filtrage des expériences

Vous pouvez filtrer les fonctionnalités expérimentales en fonction du texte inclus dans le titre.

1. Pour ouvrir DevTools, cliquez avec le bouton droit sur la page web, puis sélectionnez Inspect. Vous pouvez également appuyer sur Ctrl+Maj+I (Windows, Linux) ou Commande+Option+I (macOS). DevTools s’ouvre.

2. Dans DevTools, dans la barre d’outils principale, cliquez sur le bouton Paramètres (). Ou appuyez sur Maj+ ?. Le panneau Paramètres s’ouvre, avec la page Préférences sélectionnée.

3. Sur le côté gauche du panneau Paramètres , sélectionnez la page Expériences .

4. Cliquez dans la zone de texte Filtre et entrez du texte, par exemple chronologie. Lors de la saisie, seules les cases à cocher correspondantes s’affichent dans la page Expériences .

5. Pour mettre fin au filtrage, désactivez la zone de texte Filtre .

Fournir des commentaires sur les expériences

Nous sommes impatients de connaître vos commentaires sur les fonctionnalités expérimentales. Pour partager vos commentaires avec nous, contactez l’équipe Microsoft Edge DevTools.

Liste des expériences

Les cases à cocher Expériences qui apparaissent dans la dernière version du canal d’aperçu Canary de Microsoft Edge sont répertoriées ci-dessous. La version stable est également notée, suite à l’ajout ou à la suppression de cases à cocher dans Canary.

L’IA explique l’erreur de la console

Contrôle si la fonctionnalité Expliquer la console est activée ou désactivée. Lorsque la fonctionnalité Expliquer la console est activée, cliquez sur l’icône Copilot pour ouvrir la conversation dans la barre latérale et expliquer l’erreur.

Voir aussi :

• Expliquer les erreurs et les avertissements de la console à l’aide de Copilot dans Edge

État :

• Cette case à cocher est présente dans Microsoft Edge Canary 153.
• Cette case à cocher est présente dans Microsoft Edge Stable 151.

Messages durables

L’expérience Messages durables est une amélioration de la fonctionnalité Conserver le journal de l’outil Réseau.

Lorsque la case Messages durables est cochée, DevTools indique au navigateur de mettre en mémoire tampon les corps de réponse réseau en dehors du processus de rendu, afin que les demandes et les corps de réponse survivent aux navigations entre processus. Cette fonctionnalité prend effet uniquement lorsque le paramètre Conserver le journal est activé dans l’outil Réseau .

Lorsque la case Messages durables est décochée, le comportement par défaut se produit : les corps de réponse vivent dans le processus du moteur de rendu et sont perdus après la navigation entre les processus.

Voir aussi :

• Enregistrez les demandes dans les chargements de page dans la référence des fonctionnalités réseau.

État :

• Cette case à cocher est présente dans Microsoft Edge Canary 153.
• Cette case à cocher est présente dans Microsoft Edge Stable 151.

Activer CSS Copilot

Permet d’utiliser Copilot dans la barre latérale de Microsoft Edge pour expliquer les éléments HTML et les styles CSS afin de mieux comprendre un élément ou une règle de style particulier affiché dans l’outil Éléments . Pour interroger Copilot sur un élément ou une règle de style, cliquez sur le bouton Copilot en regard de celui-ci, puis posez des questions de suivi.

Cette expérience n’est pas disponible lorsque la barre latérale est désactivée.

Voir aussi :

• Inspecter, modifier et déboguer du code HTML et CSS à l’aide de l’outil Elements

État :

• Cette case à cocher est présente dans Microsoft Edge Canary 153.
• Cette case à cocher est présente dans Microsoft Edge Stable 151.

Activer la prise en charge de l’extension de serveur de symboles

Si cette case est cochée, l’extension de test d’extension de serveur de symboles Edge DevTools est prise en charge, ce qui offre la nouvelle expérience pour le serveur de symboles dans une extension. Cette extension est encore en version bêta/test.

Si cette case à cocher est désactivée, utilisez la page DevTools >Settings>Symbol Server .

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

État :

• Cette case à cocher est présente dans Microsoft Edge Canary 153.
• Cette case à cocher n’est pas présente dans Microsoft Edge Stable 151.

Points d’arrêt de l’instrumentation

S’il faut s’arrêter aux points d’arrêt de test. Cette expérience rend les points d’arrêt plus fiables.

Voir aussi :

• Activer la synchronisation sur les points d’arrêt de l’instrumentation
• La première fois que les fichiers sources sont chargés, les points d’arrêt peuvent ne pas se déclencher

État :

• Cette case à cocher est présente dans Microsoft Edge Canary 153.
• Cette case à cocher est présente dans Microsoft Edge Stable 151.

Prise en charge de JPEG XL

Lorsque cette case est cochée, l’outil Rendu dispose d’une case à cocher Désactiver le format d’image JPEG XL .

État :

• Cette case à cocher est présente dans Microsoft Edge Canary 153.
• Cette case à cocher est présente dans Microsoft Edge Stable 151.

Consigner les exceptions DevTools non interceptées à la console

Contrôle s’il faut journaliser les exceptions DevTools non interceptées dans l’outil Console .

Voir aussi :

• Présentation de la console

État :

• Cette case à cocher est présente dans Microsoft Edge Canary 153.
• Cette case à cocher est présente dans Microsoft Edge Stable 151.

Fichiers open source dans Visual Studio Code

L’expérience de fichiers open source dans Visual Studio Code remplace l’éditeur de code de l’outil Sources par Visual Studio Code, pour modifier les fichiers locaux. Lorsque vous activez cette expérience, les Outils de développement détectent quand vous modifiez un fichier local et vous invitent à sélectionner un dossier à utiliser comme espace de travail.

Lorsque vous sélectionnez un dossier à utiliser comme espace de travail, le fait de sélectionner un lien vers un fichier dans DevTools ouvre le fichier dans Visual Studio Code. Dans les versions précédentes de Microsoft Edge, cette action ouvrait le fichier dans l’éditeur de code de l’outil Sources de DevTools.

Toutes les modifications que vous apportez dans DevTools modifient maintenant le fichier sur le disque dur et synchronisent en direct avec Visual Studio Code.

Voir aussi :

• Ouverture de fichiers sources dans Visual Studio Code - Configuration de votre espace de travail.

État :

• Cette case à cocher est présente dans Microsoft Edge Canary 153.
• Cette case à cocher est présente dans Microsoft Edge Stable 151.

Moniteur de protocole

Rend l’outil Surveillance du protocole disponible dans DevTools :

L’outil de surveillance du protocole affiche les messages envoyés et reçus par DevTools pour déboguer la page inspectée. DevTools communique avec la page inspectée à l’aide du protocole Chrome DevTools (CDP).

Pour cocher cette case, puis ouvrir l’outil Surveillance du protocole :

1. Cochez cette case du moniteur de protocole comme décrit dans la section Activer ou désactiver une expérience ci-dessus.

2. En mode d’affichage rapide en bas de DevTools, cliquez sur le bouton Autres outils (+), puis sélectionnez Moniteur de protocole.

   Vous pouvez également ouvrir le menu Commande en appuyant sur Ctrl+Maj+P (Windows/Linux) ou Commande+Maj+P (macOS), puis entrer protocole dans la zone de texte. Sélectionnez ensuite Afficher le moniteur de protocole.

   L’outil Moniteur de protocole s’affiche dans le panneau Affichage rapide au bas de DevTools.

Voir aussi :

• Utiliser le protocole Chrome DevTools (CDP) dans les applications WebView2
• [Expérimental] Moniteur de protocole dans What’s New In DevTools (Chrome 92).

État :

• Cette case à cocher est présente dans Microsoft Edge Canary 153.
• Cette case à cocher est présente dans Microsoft Edge Stable 151.

Voir également

• Notes de publication pour la plateforme web Microsoft Edge