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 at-CSS @property dans la section correspondante du volet Éléments > Styles.

Avant et après avoir rendu la règle de propriété modifiable.

Problème Chromium : 1471123.

Les problèmes liés aux 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.

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

Problème Chromium : 1473283.

Mise à jour de la liste des appareils à émuler

Les chaînes de l'agent utilisateur dans Paramètres. Paramètres > Appareils 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 récents en mode Appareil.

Avant et après la mise à jour de la liste des appareils.

Problème Chromium : 1479733.

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

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

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 compléter automatiquement les champs de classe privée 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 l&#39;autocomplétion pour le champ de classe privée en dehors de la portée 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 bases de l'utilisation du panneau Lighthouse dans les outils de développement, consultez Lighthouse : optimiser la vitesse d'un site Web.

Problèmes Chromium : 772558.

Améliorations de l'accessibilité

Les lecteurs d'écran liront maintenant 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 les sources.

De plus, le panneau Application a corrigé les problèmes de contraste avec les 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 maintenue. Cette version ajoute un avertissement à la section concernant 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 > Manifest

La section Application > Manifest 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 progressive web apps et Ajouter un fichier manifeste d'application Web.

L'équipe DevTools remercie Alexey Rodionov pour avoir apporté cette modification et d'autres améliorations concernant les avertissements du fichier manifeste dans la version précédente.

Problème Chromium : 1476656.

Autres points importants

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

  • Éléments :
    • Les échantillons de fonction de minutage d'animation ne s'affichent pas pour les propriétés CSS longues sous les propriétés abrégées extensibles (1149182).
    • L'autocomplétion pour contain-intrinsic-* ne fournit plus la valeur auto incorrecte, car elle devrait ê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 entraînait la disparition de la boîte de dialogue de modification des points d'arrêt lorsque le type de point d'arrêt était modifié (1485782).
  • Performances :
    • Correction de l'erreur d'analyse des couleurs lors de l'enregistrement des performances (1480205).
    • Correction du bug lié à l'affichage de LCP dans la piste Timings (1487136).
  • Réseau : la colonne Définir les cookies affiche désormais le nombre exact de cookies définis, à l'exclusion de ceux bloqués (1486903).
  • Les extensions des outils de développement 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 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.