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

Kayce basque
Kayce Basques

Bienvenue dans le premier épisode 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 de développement ouvrent le panneau Nouveautés avec un lien vers les notes de version de cette version.

Infos clés

  • Le panneau "Chronologie" a été renommé "Panneau "Performances".
  • Le panneau "Profiles" a été renommé "Memory" (Mémoire).
  • Les valeurs des cookies peuvent désormais être modifiées.
  • 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 modifiable dans le volet "Styles"

Vous pouvez maintenant inspecter et modifier les variables CSS dans le volet "Styles". Consultez la démonstration des variables CSS pour l'essayer par vous-même.

Points d'arrêt pour mémoire insuffisante

Désormais, lorsqu'une application alloue beaucoup de mémoire en peu de temps, les outils de développement se mettent en pause et augmentent la limite des 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 géant pour V8).

Suspendu lors d'un point d'arrêt pour mémoire insuffisante
Figure 2 : Suspendu lors d'un point d'arrêt pour mémoire insuffisante

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

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

Points d'arrêt de 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"
Figure 3 : Points d'arrêt de création de 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 du serveur dans l'onglet "Durée"

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

Statistiques du serveur dans l'onglet "Durée"
Figure 5 : Statistiques du serveur dans l'onglet Timing

Merci à sroussey pour sa contribution !

Changements

Le panneau "Chronologie" s'appelle désormais "Performances"

Le panneau "Timeline" a été renommé "Performances" pour mieux refléter son objectif.

Le panneau "Profiles" a été remplacé par le panneau "Memory"

Le panneau "Profiles" a été renommé "Memory" pour mieux refléter son objectif.

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

Maintenant que le panneau "Profiles" s'appelle le panneau "Memory" (Mémoire), il n'est plus pertinent d'y placer le Profileur de processeur. De plus, l'objectif à long terme est d'obtenir le profilage de tous les utilisateurs à partir du panneau "Performances". En attendant, vous pouvez toujours accéder à l'ancien profileur de processeur depuis Paramètres > Plus d'outils > Profileur JavaScript.

Pour découvrir comment profiler le processeur dans le panneau "Performances", consultez Outils pour les développeurs Chrome: Profilage de processeur JavaScript dans Chrome 58.

Nouvelle interface utilisateur de la console

L'interface utilisateur du panneau et du panneau de la console a été modifiée. 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 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 de filtrage des 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. Par conséquent, la case Regex (Expression régulière) n'apparaît plus.
  • La case Masquer les cas de non-respect des règles n'apparaît plus. Définissez le menu déroulant du niveau de journalisation sur Verbose (Détail) pour afficher les cas de non-respect.
  • 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 de 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 ont été déplacés de la catégorie WebGL vers la catégorie Canvas. La catégorie WebGL a été supprimée.