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 l'attribut 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.

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

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

Un problème lié à la règle de la 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 du user-agent 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.

Appliquer le style JSON intégré aux tags de script dans la section "Sources"

Pour faciliter le débogage, le panneau Sources est désormais compatible avec l'impression élégante de JSON intégré dans les balises HTML <script>.

Code JSON intégré avant et après l'impression élégante dans le tag de script.

Problèmes Chromium: 406900, 1473875.

Saisir semi-automatiquement les champs privés dans la console

Vous pouvez désormais saisir semi-automatiquement les champs de classe privée lorsque vous les évaluez en dehors du champ d'application de la classe dans la console.

Champ "avant" et "après" compatible avec 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 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 du site Web.

Problèmes Chromium: 772558.

Amélioration des fonctionnalités d'accessibilité

Les lecteurs d'écran liront désormais les éléments suivants:

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 les sources.

De plus, le panneau Application a résolu 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 mise à jour. Cette version ajoute un avertissement à la section concernant la suppression à venir.

Avertissement concernant l'abandon de Web SQL.

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

Problèmes Chromium: 1485966.

Validation du format des captures d'écran dans Application > Manifest

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

Avertissement concernant le 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 est reconnaissante à Alexey Rodionov d'avoir intégré ce changement et d'autres améliorations liées aux avertissements dans la version précédente.

Problème Chromium: 1476656.

Points importants divers

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

Éléments :
- Les échantillons de la fonction de minutage de l'animation ne s'affichent pas pour les propriétés CSS longues sous les raccourcis extensibles (1149182).
- La saisie semi-automatique pour contain-intrinsic-* ne fournit plus la valeur unique 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 provoquait la disparition de la boîte de dialogue de modification des points d'arrêt en cas de modification du type de point d'arrêt (1485782).
Performances :
- Nous avons corrigé l'erreur d'analyse des couleurs lors de l'enregistrement des performances. (1480205)
- Correction du bug qui empêchait le 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

Vous pouvez utiliser Chrome Canary, Dev ou Bêta 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 plates-formes Web de pointe et de 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 et des modifications dans l'article, ou de tout autre sujet lié aux outils de développement.

Envoyez-nous une suggestion ou un commentaire via crbug.com.
Signalez un problème dans les outils de développement en sélectionnant Autres options > Aide > Signaler un problème dans les outils de développement dans les outils de développement.
Tweetez à l'adresse @ChromeDevTools.
Faites-nous part de vos commentaires sur les vidéos YouTube sur les nouveautés des outils de développement ou sur les vidéos YouTube de conseils pour les outils de développement.