Bienvenue dans le premier volet des notes de version des outils de développement. À partir de maintenant, la première fois que vous ouvrez une nouvelle version de Chrome, les outils pour les développeurs ouvrent le panneau Nouveautés avec un lien vers les notes de version de cette version.
Sélection
- Le panneau "Chronologie" a été renommé "Performances".
- Le panneau "Profils" a été renommé "Mémoire".
- Vous pouvez désormais modifier les valeurs des cookies.
- DevTools se met désormais automatiquement en pause avant les erreurs de mémoire saturée.
Nouvelles fonctionnalités
Cookies modifiables
Double-cliquez sur une cellule de l'onglet Cookies pour modifier cette valeur.
Merci à kdzwinel pour sa contribution.
Variables CSS inspectables et modifiables dans le volet "Styles"
Vous pouvez désormais inspecter et modifier les variables CSS dans le volet "Styles". Consultez la démonstration des variables CSS pour l'essayer vous-même.
Points d'arrêt de mémoire insuffisante
Lorsqu'une application alloue beaucoup de mémoire en peu de temps, DevTools met désormais automatiquement en pause et augmente la limite de tas. Vous pouvez ainsi inspecter le tas, exécuter des commandes dans la console pour libérer de la mémoire et continuer à déboguer le problème. Pour en savoir plus, consultez Un petit pas pour Chrome, un tas géant pour V8.
Points d'arrêt lors de la création de canevas
Vous pouvez désormais créer des points d'arrêt d'écouteur d'événement qui sont déclenchés chaque fois qu'un nouveau contexte de canevas est créé.
Statistiques sur l'heure de début dans l'onglet "Timing"
En haut de l'onglet "Timing" (Temps), vous pouvez désormais voir quand une requête a été mise en file d'attente et démarrée.
Statistiques du serveur dans l'onglet "Timing"
Vous pouvez désormais insérer des statistiques de serveur personnalisées dans l'onglet "Timing". Pour obtenir un exemple, consultez la section Démonstration des valeurs de synchronisation du serveur.
Merci à sroussey pour sa contribution.
Modifications
Le panneau "Chronologie" est désormais le panneau "Performances"
Le panneau "Chronologie" a été renommé "Performances" pour mieux refléter son objectif.
Le panneau "Profils" est désormais appelé "Mémoire"
Le panneau "Profils" a été renommé "Mémoire" pour mieux refléter son objectif.
Le Profileur de processeur se trouve derrière un panneau masqué
Maintenant que le panneau "Profiles" s'appelle "Memory", il n'a plus vraiment de sens d'y placer le profileur de processeur. De plus, l'objectif à long terme est de pouvoir effectuer le profilage de tous les utilisateurs à partir du panneau "Performances". En attendant, vous pouvez toujours accéder à l'ancien profileur de processeur à l'aide de Settings (Paramètres) > More Tools (Autres outils) > JavaScript Profiler (Profileur JavaScript).
Consultez Chrome DevTools: profilage du processeur JavaScript dans Chrome 58 pour découvrir comment profiler le processeur dans le panneau "Performances".
Nouvelle interface utilisateur de la console
Le panneau et le panneau de la console ont subi quelques modifications d'interface utilisateur. Certaines fonctionnalités peu populaires ont été déplacées vers des emplacements plus cachés, et les fonctionnalités populaires sont désormais plus facilement accessibles.
- Cliquez sur Paramètres de la console
pour accéder aux paramètres permettant de personnaliser le comportement de la console. - L'option Conserver le journal est désormais masquée dans Paramètres de la console.
- Le bouton et le volet Filtres ont disparu. Utilisez plutôt le menu déroulant.
- La zone de texte permettant de filtrer les journaux s'affiche désormais toujours. Il était auparavant masqué dans le volet "Filtres".
- La zone de texte de filtrage accepte automatiquement les expressions régulières. La case à cocher Expression régulière a donc disparu.
- La case à cocher Masquer les cas de non-respect n'est plus disponible. Définissez le menu déroulant du niveau de journalisation sur Verbose (Détaillé) pour afficher les cas de non-respect.
- Si vous décochez la case Afficher tous les messages dans l'ancienne interface utilisateur, cela équivaut à cocher la case Contexte sélectionné uniquement dans les paramètres de la console de la nouvelle interface utilisateur.
Les points d'arrêt de l'écouteur d'événements WebGL ont été déplacés
Les points d'arrêt de l'écouteur d'événements WebGL ont été déplacés de la catégorie WebGL vers la catégorie Canvas. La catégorie WebGL a été supprimée.