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

Sofia Emelianova
Sofia Emelianova
GitHub

Amélioration de la section @property dans Éléments > Styles

Règle @property modifiable

Vous pouvez désormais modifier la règle CSS at @property dans la section correspondante du volet Éléments > Styles.

État avant et après avoir rendu la règle de propriété modifiable.

Problème Chromium: 1471123.

Des problèmes liés à des règles @property non valides sont signalés

L'onglet Problèmes signale désormais les problèmes liés aux déclarations non valides dans les règles @property.

Un problème lié à la règle de propriété a été signalé dans l'onglet "Problèmes".

Problème Chromium: 1473283.

Mise à jour de la liste des appareils à émuler

Les chaînes d'user-agent dans Paramètres. Settings > Devices ont été mises à jour pour refléter l'utilisation moyenne des navigateurs et des systèmes d'exploitation. Vous pouvez désormais émuler davantage d'appareils à jour en mode appareil.

État de la liste des appareils avant et après la mise à jour

Problème Chromium: 1479733.

Mise en forme du code JSON intégré dans les balises de script dans "Sources"

Le panneau Sources est désormais compatible avec l'affichage mis en forme du code JSON intégré dans les balises HTML <script> pour faciliter le débogage.

État avant et après la mise en forme du code JSON intégré dans la balise de script.

Problèmes Chromium: 406900, 1473875.

Saisie semi-automatique des champs privés dans la console

Vous pouvez désormais effectuer une saisie semi-automatique des champs de classe privés lorsque vous les évaluez en dehors du champ d'application de la classe dans la console.

Avant et après la prise en charge de la saisie semi-automatique pour le champ de classe privé en dehors du champ d&#39;application de la classe.

Problèmes Chromium: 1483848, 1381806.

Lighthouse 11.1.0

Le panneau Lighthouse exécute désormais Lighthouse 11.1.0. Consultez la liste complète des modifications.

Pour découvrir les principes de base de l'utilisation du panneau Lighthouse dans DevTools, consultez Lighthouse: optimiser la vitesse de votre site Web.

Problèmes Chromium: 772558.

Améliorations de l'accessibilité

Les lecteurs d'écran liront alors ce qui suit:

  • Avertissements et erreurs dans la console.
  • Texte de la boîte de dialogue Faites-vous confiance à ce code ? lorsque vous collez du code dans la console ou dans Sources.

De plus, le panneau Application a corrigé les problèmes de contraste des liens en mode Contraste élevé.

Problèmes Chromium: 1485257, 1486643, 1485263.

Abandon de Web SQL

La section Application > Web SQL sera supprimée dans Chrome 123, car l'API Web SQL Database n'est plus gérée. Cette version ajoute un avertissement à la section sur la suppression à venir.

Avertissement d&#39;abandon de Web SQL.

Pour en savoir plus, consultez Abandon et suppression de Web SQL.

Problèmes Chromium: 1485966.

Validation du format de la capture d'écran dans Application > Fichier manifeste

La section Application > Fichier manifeste vérifie désormais si les captures d'écran de votre application Web ayant le même facteur de forme (wide ou narrow) ont le même format.

Avertissement concernant le format incorrect des captures d&#39;écran ayant le même facteur de forme.

Pour en savoir plus, consultez Déboguer les applications Web progressives et Ajouter un fichier manifeste d'application Web.

L'équipe DevTools remercie Alexey Rodionov d'avoir implémenté cette modification et d'autres améliorations des avertissements manifestes dans la version précédente.

Problème Chromium: 1476656.

Autres points forts

Voici quelques corrections et améliorations importantes apportées à cette version:

  • Éléments :
    • Les échantillons de fonctions de minutage des animations ne s'affichent pas pour les propriétés CSS longues sous les abréviations extensibles (1149182).
    • La saisie semi-automatique pour contain-intrinsic-* ne fournit plus la valeur auto unique incorrecte, car elle doit être auto <length> (1480415).
    • La prise en charge des propriétés -webkit-* obsolètes et non valides a été supprimée (1086089, 1030765).
  • Points d'arrêt: correction du bug qui faisait disparaître la boîte de dialogue de modification du point d'arrêt lorsque le type de point d'arrêt était modifié (1485782).
  • Performances :
    • L'erreur d'analyse des couleurs lors de l'enregistrement des performances a été corrigée (1480205).
    • Correction du bug qui empêchait l'LCP d'apparaître dans le canal Timings (1487136).
  • Réseau: la colonne Cookies définis affiche désormais le nombre correct de cookies définis, à l'exception des cookies bloqués (1486903).
  • Les extensions DevTools se chargent désormais après la navigation vers un hôte non bloqué (1476264).
  • Correction du bug lié au contexte d'exécution de script incorrect pour les extensions (1275331).

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.