Nouveautés des outils pour les développeurs (Chrome 150)

Matthias Rohmer

Publié le 30 juin 2026

Chrome 150 améliore le débogage de la mémoire dans les outils pour les développeurs pour les agents, améliore l'assistance IA avec plus de widgets et introduit des fonctionnalités d'édition complètes pour les règles CSS @container et @function.

Outils pour les développeurs pour les agents

Depuis les dernières versions jusqu'à v1.4.0, les outils pour les développeurs Chrome pour les agents ont considérablement étendu leurs capacités d'automatisation et de débogage des navigateurs.

Voici les principales fonctionnalités et améliorations depuis la dernière version :

• Suite de débogage de la mémoire (--experimentalMemory) : les agents peuvent désormais capturer et analyser directement les instantanés du tas V8 pour diagnostiquer les fuites de mémoire JavaScript et analyser les hiérarchies de conservation des objets.
• Gestion des extensions Chrome (--categoryExtensions) : les agents peuvent gérer les cycles de vie des extensions (installer, désinstaller, recharger, lister) et capturer les journaux de la console des service workers en arrière-plan à des fins de diagnostic.
• Compétences d'agent groupées : le répertoire skills/ est désormais publié directement dans la distribution du package npm, ce qui permet aux agents clients MCP de découvrir et d'exécuter automatiquement des workflows de navigation et de débogage spécialisés.
• Optimisations des jetons et des sorties : la limitation des dimensions des captures d'écran à la source réduit la consommation de jetons, et la prise en charge expérimentale de TOON (Token-Oriented Object Notation) optimise la mise en forme des données structurées.
• Navigation et contexte améliorés : list_pages inclut désormais les titres des pages à côté des URL et des ID cibles pour une meilleure sélection du contexte multi-onglets, tandis que les options de configuration allowedUrlPattern et blockedUrlPattern appliquent une sécurité stricte au niveau de la portée de la navigation.

Pour obtenir les dernières mises à jour concernant les outils pour les développeurs pour les agents et pour contribuer, consultez le dépôt GitHub.

Insights plus approfondis dans l'assistance IA

Le panneau Assistance IA continue d'évoluer et fournit plus de détails dans les procédures pas à pas de l'agent. Neuf widgets supplémentaires incluent désormais des données provenant des panneaux Lighthouse, Réseau, Sources et Performances. Les widgets vous aident à mieux comprendre les données utilisées par Gemini lorsque vous appelez les outils de l'agent pour récupérer des événements de performances, du contenu de ressources, des requêtes réseau, etc.

Problèmes Chromium : 460763995

Prise en charge complète de l'édition pour plus de règles CSS at-rules

L'onglet Styles du panneau Éléments offre de nouvelles fonctionnalités de création pour les fonctionnalités CSS modernes :

• Modification sur place de la règle @container : vous pouvez désormais modifier directement les noms de conteneurs et les conditions de requête dans les règles CSS @container, ce qui vous permet d'expérimenter facilement des conceptions de requêtes de conteneurs responsives.
• Modification de la règle CSS @function : ajout d'une prise en charge complète de la modification des règles CSS @function personnalisées.
• Modification de la règle @counter-style : ajout de la saisie semi-automatique pour les propriétés list-style-type, en les liant directement à leurs définitions @counter-style correspondantes.
• Masquer les règles non utilisées : un nouveau paramètre de préférence vous permet de masquer les règles de style CSS non utilisées, en limitant le volet Styles aux styles actifs.

Problèmes Chromium : 507611251, 41491726, 480080406, 351662727, 514846131

Points d'arrêt dédupliqués et prise en charge récursive des cartes sources dans "Sources"

Le panneau Sources offre une meilleure précision de débogage dans les pipelines de compilation modernes complexes :

• Déduplication logique des points d'arrêt : les marqueurs de points d'arrêt dans la marge sont désormais dédupliqués dans les bundles de code divisé et les modèles compilés côté client/SSR à l'aide du mappage d'emplacement résolu le plus proche. Cela évite les indicateurs de points d'arrêt en double lors du débogage de code partagé entre plusieurs blocs ou environnements.
• Récursif EvalOrigin et cartes sources imbriquées : le débogueur prend désormais en charge les structures EvalOrigin récursives et les chaînes de traduction imbriquées dans les cartes sources, ce qui garantit des traces de pile précises et un comportement pas à pas dans les workflows de compilation en plusieurs étapes.
• Raccourci clavier "Accéder à la ligne" : ajout de ALT + G comme raccourci clavier supplémentaire pour la navigation "Accéder à la ligne" dans l'éditeur, afin d'éviter les conflits avec le nouveau raccourci Gemini dans Chrome.
• Mise en forme des attributs d'importation : mise à jour de l'analyseur Acorn sous-jacent pour prendre en charge la mise en forme d'impression esthétique pour la syntaxe des attributs d'importation JavaScript standard.

Problèmes Chromium : 493674242, 485142682, 480172712, 491167992

Renforcement de la sécurité et de l'origine croisée dans les outils pour les développeurs

Comme pour de nombreux autres produits logiciels, nous avons récemment constaté une augmentation des rapports de sécurité, dont beaucoup ont été détectés à l'aide de l'IA. L'équipe examine et corrige constamment ces problèmes pour assurer la sécurité des outils pour les développeurs :

• Protections XSS automatiques pour les expressions dynamiques : ajout de boîtes de dialogue d'avertissement et de mécanismes de protection XSS automatiques lors de la création d'expressions dynamiques dans la console.
• Listes d'autorisation de navigation et validation de la lecture dans l'enregistreur : le panneau Enregistreur applique désormais des listes d'autorisation de navigation strictes pour empêcher la navigation vers des pages à privilèges élevés, ainsi qu'une validation stricte de l'origine de l'extension dans les sections de lecture.
• Restrictions de remplacement du réseau par les extensions : les remplacements de réseau gérés par les extensions appliquent désormais strictement les règles d'hôte runtime_blocked_hosts.
• Construction sécurisée @font-face : refactorisation de la génération de règles @font-face à l'aide de l'API CSSStyleSheet et de la chaîne d'URL sécurisée pour empêcher l'injection CSS via des URL de données.

Autres points marquants

Voici une liste de petites améliorations et de corrections de bugs dans cette version :

• Performances : correction de l'inflation de la taille de transfert TraceTree pour les requêtes réseau mises en cache en forçant la taille de transfert à 0 octet sur les accès au cache identifiés.
• Performances : mise à jour des formateurs de performances pour prendre en charge les données de champ deviceScope facultatives du rapport d'expérience utilisateur Chrome (CrUX).
• Performances : activation du défilement horizontal dans les tableaux de l'arborescence des appels pour éviter la troncature par des points de suspension sur les longues URL de fichiers.
• Performances : correction du re-rendu défectueux et de la corruption de l'état du DOM dans la barre latérale "Insights" sur plusieurs fichiers de trace.
• Performances : migration du suivi de l'invalidation de la chronologie et des paramètres du mode débogage des indicateurs expérimentaux vers les paramètres standard des outils pour les développeurs.
• Réseau : rétablissement du nom de colonne incorrect pour restaurer la colonne A des remplacements et correction de la logique de tri pour les remplacements d'en-tête et de contenu.
• Réseau : correction du style CSS attr() dans les barres en cascade Server-Timing afin que les couleurs générées par ligne s'affichent correctement.
• Réseau : correction de la génération de la commande Copier en tant que cURL pour les cookies sans nom.
• Application : connexion des éléments de stockage local et de session dans le panneau Application à l'aide de la nouvelle infrastructure StorageAgent.
• Application : correction de la priorité de l'état Chargements spéculatifs afin que les URL qui réussissent à la fois la préextraction et le prérendu s'affichent correctement comme "prérendues".
• Application : affichage d'info-bulles de valeur exacte en octets dans les colonnes des vues d'instantanés du tas.
• Problèmes : affichage du type de problème BackUINavigationWouldSkipAd chaque fois que la navigation arrière ignore les entrées d'annonces.
• Problèmes : ajout de la prise en charge de l'affichage des problèmes de demande de validation d'adresse e-mail (EmailVerificationRequestIssue).
• Lighthouse : ajout d'une case à cocher Navigation agentique (désactivée par défaut) dans le panneau de configuration de Lighthouse et mise à jour du moteur Lighthouse groupé vers la version 13.3.0.

Problèmes Chromium : 518021339, 40908621, 517519019, 487755345, 505284391, 465915378, 512908993, 40543651

Améliorations relatives à l'accessibilité

Chrome 150 apporte plusieurs améliorations aux annonces du lecteur d'écran, aux structures de widgets et à la sémantique ARIA dans les outils pour les développeurs :

• Amélioration des annonces du lecteur d'écran lors de la sélection d'onglets et de la navigation dans les sections de l'onglet "Styles".
• Ajout d'info-bulles descriptives sur les icônes de fermeture des boîtes de dialogue et autorisation des attributs de détails et de description ARIA sur les info-bulles.
• Application stricte des rôles ARIA menuitem sur les éléments de menu contextuel pour améliorer la navigation pour les technologies d'assistance.

Problèmes Chromium : 510013788