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

Jecelyn Yeen

Conseils pour les propriétés CSS inactives

Les outils de développement identifient désormais les styles CSS valides, mais sans effet visible. Dans le volet Styles, les outils de développement estompent les propriétés inactives. Pointez sur l'icône à côté pour comprendre pourquoi la règle n'a aucun effet visible.

Conseils pour les propriétés CSS inactives.

Problème Chromium : 1178508

Détecter automatiquement les sélecteurs XPath et de texte dans le panneau "Enregistreur"

Le panneau Enregistreur est désormais compatible avec les sélecteurs XPath et de texte. Commencez à enregistrer un parcours utilisateur. L'enregistreur sélectionne automatiquement le XPath et le texte unique le plus court d'un élément comme sélecteur, si disponible.

Sélecteurs XPath et de texte dans le panneau "Enregistreur".

Problèmes Chromium : 1327206,1327209

Parcourir les expressions séparées par une virgule

Vous pouvez désormais parcourir les expressions séparées par des virgules lors du débogage. Cela améliore la capacité de débogage du code réduit.

Parcourez les expressions séparées par une virgule.

Auparavant, les outils de développement ne permettaient de parcourir que les expressions séparées par des points-virgules.

Compte tenu du code ci-dessous,

function foo() {}

function bar() {
  foo();
  foo();
  return 42;
}

Les transpilers et les minificateurs peuvent les transformer en expressions séparées par des virgules.

function bar(){return foo(),foo(),42}

Cela crée une confusion lors du débogage, car le comportement de pas à pas est différent entre le code minifié et le code créé. C'est encore plus déroutant lorsque vous utilisez des cartes sources pour déboguer le code réduit en termes de code d'origine, car le développeur voit alors des points-virgules (qui ont été transformés en virgules par la chaîne d'outils), mais le débogueur ne s'arrête pas dessus.

Problème Chromium : 1370200

Amélioration du paramètre de la liste des éléments à ignorer

Accédez à Paramètres > Liste des éléments à ignorer. Les outils de développement améliorent la conception pour vous aider à configurer les règles permettant d'ignorer un seul script ou un modèle de scripts.

Onglet "Liste des éléments à ignorer".

Problème Chromium : 1356517

Autres points importants

Voici quelques corrections importantes apportées dans cette version :

  • Saisie semi-automatique du nom de la propriété CSS dans le volet Styles lorsque vous appuyez sur la barre d'espace. (1343316)
  • Supprimez le défilement automatique dans le fil d'Ariane du panneau Élément. (1369734)

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.