Nouveautés des outils de développement (Chrome 58)

Bienvenue dans le premier volet des notes de version des outils de développement. Désormais, lorsque vous ouvrez une nouvelle version de Chrome pour la première fois, les outils de développement ouvrent le panneau Nouveautés avec un lien vers les notes de version de cette version.

Points forts

  • Le panneau "Chronologie" s'appelle désormais "Performances".
  • Le panneau "Profiles" (Profils) a été renommé "Memory" (Mémoire).
  • Vous pouvez désormais modifier les valeurs des cookies.
  • Les outils de développement s'interrompent désormais automatiquement avant les erreurs de mémoire insuffisante.

Nouvelles fonctionnalités

Cookies modifiables

Double-cliquez sur une cellule de l'onglet Cookies pour modifier cette valeur.

Modification d'un cookie.
Figure 1. Modifier un cookie

Merci à kdzwinel pour sa contribution !

Variables CSS Inspectable et modifiables dans le volet "Styles"

Vous pouvez désormais inspecter et modifier les variables CSS dans le volet "Styles". Pour l'essayer, consultez la démonstration des variables CSS.

Points d'arrêt pour saturation de la mémoire

Lorsqu'une application alloue beaucoup de mémoire en peu de temps, les outils de développement se mettent désormais automatiquement en pause et augmentent la limite du tas de mémoire. Cela vous permet d'inspecter le tas de mémoire, d'exécuter des commandes sur la console pour libérer de la mémoire et de continuer à déboguer le problème. Pour en savoir plus, consultez One Small Step for Chrome, One Giant Heap For V8 (Un petit pas pour Chrome, un tas de mémoire pour V8).

Suspendu sur un point d'arrêt pour saturation de la mémoire
Figure 2. Suspendu sur un point d'arrêt pour saturation de la mémoire

Points d'arrêt lors de la création de canevas

Vous pouvez maintenant créer des points d'arrêt d'écouteur d'événements qui sont déclenchés chaque fois qu'un contexte de canevas est créé.

Points d'arrêt pour la création de canevas via la case à cocher de contexte "Créer un canevas" dans le volet "Points d'arrêt de l'écouteur d'événements"
Figure 3. Les points d'arrêt liés à la création du canevas via la case à cocher Créer un contexte de canevas dans le volet Points d'arrêt de l'écouteur d'événements

Statistiques sur l'heure de début dans l'onglet "Durée"

En haut de l'onglet "Durée", vous pouvez désormais voir à quel moment une requête a été mise en file d'attente et démarrée.

Statistiques sur l'heure de début dans l'onglet "Durée".
Figure 4. Statistiques sur l'heure de début dans l'onglet "Durée"

Statistiques sur le serveur dans l'onglet "Durée"

Vous pouvez désormais insérer des statistiques de serveur personnalisées dans l'onglet "Durée". Consultez la démonstration des valeurs de temps de serveur pour obtenir un exemple.

Statistiques sur le serveur dans l'onglet "Durée"
Figure 5. Statistiques sur le serveur dans l'onglet Durée

Merci à sroussey pour sa contribution !

Changements

Le panneau "Chronologie" devient le panneau "Performances"

Pour mieux refléter son objectif, le panneau "Timeline" a été renommé "Performance".

Le panneau "Profils" a été remplacé par le panneau "Mémoire"

Le panneau "Profiles" (Profils) a été renommé "Memory" (Mémoire) pour mieux refléter son objectif.

Le Profileur de processeur se trouve derrière un panneau masqué

Maintenant que le panneau "Profils" s'appelle "panneau "Mémoire", il n'est plus logique d'y inclure le profileur de processeur. De plus, l'objectif à long terme est d'obtenir le profilage de tous les utilisateurs à partir du panneau "Performance". En attendant, vous pouvez toujours accéder à l'ancien profileur de processeur sous Paramètres > Plus d'outils > Profileur JavaScript.

Consultez Outils pour les développeurs Chrome: Profilage du processeur JavaScript dans Chrome 58 pour apprendre à profiler le processeur dans le panneau "Performances".

Nouvelle interface utilisateur de la console

Le panneau et le panneau de la console ont été modifiés dans l'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 Console Settings (Paramètres de la console) 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 les 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 est désormais toujours affichée. Elle était auparavant masquée dans le volet "Filtres".
  • La zone de texte de filtrage accepte automatiquement les expressions régulières. La case Regex (Expression régulière) n'est donc pas cochée.
  • La case Masquer les cas de non-respect a disparu. Définissez le menu déroulant du niveau de journalisation sur Verbose (Détail) pour afficher les violations.
  • Le fait de décocher la case Afficher tous les messages dans l'ancienne interface utilisateur équivaut à cocher la case Contexte sélectionné uniquement dans les paramètres de la console dans la nouvelle interface utilisateur.
Nouvelle interface utilisateur de la console
Figure 6. Nouvelle interface utilisateur de la console

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 sont passés de la catégorie WebGL à la catégorie Canvas. La catégorie WebGL a été supprimée.