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

Jecelyn Yeen

Fonctionnalité en avant-première : nouveau panneau "Enregistreur"

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

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

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

Consultez la documentation du panneau Enregistreur pour en savoir plus grâce au tutoriel pas à pas.

Le panneau Enregistreur est une fonctionnalité bêta. Notre équipe travaille toujours activement sur cette fonctionnalité et nous aimerions recueillir vos commentaires pour l'améliorer.

Panneau "Enregistreur"

Problème Chromium : 1257499

Actualiser la liste des appareils en mode Appareil

L'activation de la barre d'outils pour les appareils permet d'ajouter des appareils plus modernes à la liste des appareils. Sélectionnez un appareil pour simuler ses dimensions.

Actualiser la liste des appareils en mode Appareil

Problème Chromium : 1223525

Saisie automatique avec "Modifier au format HTML"

L'UI Modifier au format 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 ou aria). La saisie semi-automatique devrait vous aider à trouver le nom de la propriété que vous recherchez.

Saisie automatique avec "Modifier au format HTML"

Problème Chromium : 1215072

Expérience de débogage de code améliorée

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

Numéro de colonne dans l'erreur de sortie

Problème Chromium : 1073064

[Expérimental] Synchronisation des paramètres des outils de développement sur plusieurs appareils

Vos paramètres des outils de développement sont désormais synchronisés sur tous les appareils par défaut lorsque vous activez la synchronisation du profil Chrome. Vous pouvez modifier les paramètres de synchronisation des outils de développement via 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éficiiez d'une expérience cohérente sur tous les appareils et que vous n'ayez pas à redéfinir les mêmes paramètres. En savoir plus sur la fonctionnalité de synchronisation dans la personnalisation des outils de développement

paramètres liés à l'apparence

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

Problème Chromium : 1245541

Télécharger les canaux de prévisualisation

Envisagez d'utiliser Chrome Canary, Dev ou Beta comme navigateur de développement par défaut. Ces canaux d'aperçu vous donnent accès aux dernières fonctionnalités des outils de développement, vous permettent de tester les API de plate-forme Web de pointe et vous aident à identifier les problèmes sur votre site avant vos utilisateurs.

Contacter l'équipe 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 sujets abordés dans la série Nouveautés des outils pour les développeurs.