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

Jecelyn Yeen

Fonctionnalité en version Preview: nouveau panneau de l'Enregistreur

Utilisez le nouveau panneau Enregistreur pour enregistrer, revoir et mesurer les parcours utilisateur.

Ouvrez le panneau Enregistreur. Suivez les instructions à l'écran pour démarrer un nouvel enregistrement.

Par exemple, vous pouvez enregistrer le processus de paiement pour un café avec cette application de démonstration de commande de café. Après avoir ajouté un café et rempli les informations de paiement, vous pouvez arrêter l'enregistrement, revoir le processus ou cliquer sur le bouton Évaluer les performances pour mesurer le parcours utilisateur dans le panneau Performances.

Pour en savoir plus, consultez la documentation du panneau Enregistreur et suivez le tutoriel détaillé.

Le panneau Enregistreur est une fonctionnalité en version Preview. Notre équipe travaille toujours activement sur cette fonctionnalité et nous attendons vos commentaires pour l'améliorer.

Panneau "Enregistreur"

Problème Chromium: 1257499

Actualiser la liste des appareils en mode Appareil

Lorsque vous activez la barre d'outils des appareils, davantage d'appareils modernes sont ajoutés à la liste. Sélectionnez un appareil pour simuler ses dimensions.

Actualiser la liste des appareils en mode Appareil

Problème Chromium: 1223525

Saisie semi-automatique avec Modifier au format HTML

L'interface utilisateur Modifier en tant que code HTML est désormais compatible avec la saisie semi-automatique et la mise en surbrillance syntaxique. Dans le panneau Éléments, effectuez un clic droit sur un élément, puis sélectionnez Modifier en tant que code HTML. Essayez de saisir une propriété DOM (par exemple, id, aria). La saisie semi-automatique devrait vous aider à trouver le nom de la propriété que vous recherchez.

Saisie semi-automatique avec Modifier au format HTML

Problème Chromium: 1215072

Amélioration de l'expérience de débogage du code

Les numéros de colonne sont désormais inclus dans l'erreur de sortie dans la console. Avoir un accès facile au numéro de colonne est essentiel pour le débogage, en particulier avec JavaScript minifié.

Numéro de colonne dans l'erreur de sortie

Problème Chromium: 1073064

[Expérimental] Synchroniser les paramètres des outils pour les développeurs entre les appareils

Vos paramètres DevTools sont désormais synchronisés entre les appareils par défaut lorsque vous activez la synchronisation des profils Chrome. Vous pouvez modifier les paramètres de synchronisation des outils de développement en accédant à Paramètres > Synchronisation > Activer la synchronisation des paramètres.

Paramètres de synchronisation des outils de développement

Ce nouveau paramètre vous permet de travailler plus facilement sur plusieurs appareils. Par exemple, les paramètres d'apparence suivants sont synchronisés pour que vous bénéficiez d'une expérience cohérente sur tous les appareils et que vous n'ayez pas besoin de redéfinir les mêmes paramètres. En savoir plus sur la fonctionnalité de synchronisation dans la personnalisation des outils pour les développeurs

paramètres liés à l'apparence

Cette fonctionnalité est actuellement expérimentale. L'équipe travaille toujours dessus. Si vous avez des commentaires, n'hésitez pas à nous les faire parvenir ici.

Problème Chromium: 1245541

Télécharger les canaux de prévisualisation

Envisagez d'utiliser Chrome Canary, Dev ou Bêta comme navigateur de développement par défaut. Ces canaux de prévisualisation vous donnent accès aux dernières fonctionnalités de DevTools, vous permettent de tester les API de plate-forme Web de pointe et vous aident à détecter les problèmes sur votre site avant vos utilisateurs.

Contacter l'équipe des outils pour les développeurs Chrome

Utilisez les options suivantes pour discuter des nouvelles fonctionnalités, des mises à jour ou de tout autre élément lié aux outils pour les développeurs.

Nouveautés des outils pour les développeurs

Liste de tous les éléments abordés dans la série Nouveautés des outils pour les développeurs.