Cette page a été traduite par l'API Cloud Translation.

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

Sofia Emelianova

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

Règle `@property` modifiable

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

Les avant et après avoir rendu la règle de propriété modifiable

Problème Chromium: 1471123.

Des problèmes avec des règles `@property` non valides sont signalés

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

Problème avec 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 user-agents dans 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 à jour en mode Appareil.

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

Problème Chromium: 1479733.

Mettre en forme le fichier JSON intégré dans les tags de script dans les sources

Pour faciliter le débogage, le panneau Sources accepte désormais le format JSON intégré et le format correct dans les balises HTML <script>.

Texte JSON intégré avant et après impression dans le tag de script.

Problèmes liés à Chromium: 406900, 1473875.

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

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

Saisie semi-automatique avant et après prise en charge de la saisie semi-automatique pour le champ de classe privée en dehors du champ d'application de la classe.

Problèmes Chromium: 1483848, 1381806.

Lighthouse 11.1.0

Le panneau Lighthouse exécute désormais la version 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 du site Web.

Problèmes Chromium: 772558.

Amélioration de l'accessibilité

Les lecteurs d'écran lisent désormais ce qui suit:

Avertissements et erreurs dans la console
Le 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 résolu les problèmes de contraste des liens en mode de 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 concernant la suppression à venir.

Avertissement d'abandon de Web SQL.

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

Problèmes Chromium: 1485966.

Validation du format de capture d'écran dans Application > Manifeste

La section Application > Manifest (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 un format incorrect de captures d'é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 effectué ce changement et les autres améliorations apportées aux avertissements du fichier manifeste dans la version précédente.

Problème Chromium: 1476656.

Points forts divers

Voici quelques correctifs et améliorations importants dans cette version:

Éléments :
- Les échantillons de fonctions de durée d'animation ne s'affichent pas pour les propriétés CSS longues dans les raccourcis extensibles (1149182).
- La saisie semi-automatique pour contain-intrinsic-* ne fournit désormais plus la valeur auto unique incorrecte, car il devrait s'agir de auto <length> (1480415).
- Les propriétés -webkit-* obsolètes et non valides ont été supprimées (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 qui empêchait LCP de s'afficher dans le canal Timings (1487136).
Réseau: la colonne Définir les cookies affiche désormais le nombre correct de cookies définis, à l'exception des cookies 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é à un contexte d'exécution de script incorrect pour les extensions (1275331).

Télécharger les canaux de prévisualisation

Nous vous conseillons d'utiliser Chrome Canary, Dev ou Beta comme navigateur de développement par défaut. Ces versions preview vous permettent d'accéder aux dernières fonctionnalités des outils de développement, de tester des API de pointe de plates-formes Web et de détecter les problèmes sur votre site avant qu'ils ne le fassent.

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

Utilisez les options suivantes pour discuter des nouvelles fonctionnalités et des modifications dans l'article, ou de toute autre question concernant les outils de développement.

Envoyez-nous une suggestion ou des commentaires via crbug.com.
Signalez un problème dans les outils de développement via Plus d'options > Aide > Signaler un problème dans les outils de développement dans les Outils de développement.
Envoyez un tweet à @ChromeDevTools.
Dites-nous en plus sur les nouveautés concernant les vidéos YouTube dans les outils de développement ou sur les vidéos YouTube de nos conseils relatifs aux outils de développement.