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

Matthias Rohmer

Publié le 2 juin 2026

Chrome 149 apporte des améliorations majeures à l'assistance IA, introduit des outils de débogage WebMCP expérimentaux dans le panneau "Application" et étend la prise en charge de la complétion de code aux feuilles CSS.

Outils de développement pour les agents

Le serveur MCP et l'interface CLI des Outils pour les développeurs Chrome pour les agents sont désormais officiellement stables. Consultez l'annonce complète ici.

Les principales fonctionnalités et les nouveaux outils ajoutés jusqu'à la version 1.1.1 incluent les éléments suivants :

• Outils tiers personnalisés exposés sur la page : les pages peuvent désormais définir des outils de débogage personnalisés via JavaScript, qui peuvent être détectés et appelés par les outils de développement pour les agents.
• Débogage WebMCP : les outils de développement pour les agents peuvent désormais lister et exécuter des outils WebMCP.
• Émulation d'en-têtes HTTP personnalisés : ajoute la prise en charge des en-têtes HTTP (tels que les jetons d'authentification ou les user-agents personnalisés) à l'outil d'émulation.

Les outils tiers et le débogage WebMCP sont encore au stade expérimental et ne sont pas encore activés par défaut. Consultez la référence de l'outil pour obtenir des informations sur les outils WebMCP et découvrez-en plus sur les outils tiers dans notre documentation.

Pour obtenir les dernières mises à jour concernant les outils de développement pour les agents et pour contribuer, consultez le dépôt GitHub. Commencez par consulter notre documentation ou regardez la session vidéo complète de Google I/O Améliorez votre workflow de codage IA avec les Outils pour les développeurs Chrome pour les agents.

Assistance IA

Le panneau Assistance IA a été considérablement mis à jour au niveau de l'interface utilisateur et de nouveaux outils ont été ajoutés pour améliorer l'expérience conversationnelle et fournir des insights plus approfondis sur les pages :

• Visite guidée de l'agent : l'assistance IA affiche désormais les widgets directement dans l'interface de chat au lieu d'un texte brut Markdown. Ces widgets couvrent les métriques Core Web Vitals et les insights associés, les éléments LCP, la répartition LCP, l'activité des threads ascendants, etc. Un lien Afficher dans le widget vous redirige vers la source de ces informations dans les outils de développement.
• Copier dans l'agent de codage : les conversations se terminent désormais par un bouton dédié permettant de copier la conversation, soit résumée sous forme d'invite, soit textuellement, pour que vous puissiez la coller dans l'agent de codage de votre choix.
• Fonctionnalités améliorées : l'assistance IA a désormais accès à Lighthouse et aux insights associés, ce qui lui permet d'analyser votre page de manière holistique et de vous donner des conseils ciblés.
• Réponses améliorées : grâce à Gemini 3 en arrière-plan et à des préambules affinés , l'assistance IA fournit des réponses plus concises et plus exploitables.
• Navigation améliorée : vous pouvez désormais parcourir vos invites de chat précédentes à l'aide des touches Flèche haut et Flèche bas. Vous pouvez ainsi affiner ou réexécuter rapidement et intuitivement les requêtes précédentes.

Pour favoriser l'option "Copier dans l'agent de codage", nous allons abandonner la prise en charge des corrections de style automatisées via l'assistance IA, avec Chrome 152. Partagez vos commentaires sur ce plan dans le bug de commentaires dédié .

WebMCP

Cette version introduit des outils de débogage WebMCP expérimentaux dans la barre latérale du panneau Application. WebMCP (Web Model Context Protocol) permet aux pages Web d'enregistrer des outils qui seront utilisés par les agents LLM. Découvrez-en plus sur la norme proposée dans notre documentation.

Les nouveaux outils de débogage permettent aux développeurs de :

• inspecter les outils côté client et leurs schémas ;
• exécuter manuellement des outils avec des paramètres personnalisés ;
• suivre et filtrer les événements d'appel d'outils actifs ou en attente ;
• surveiller l'état d'exécution et inspecter les charges utiles renvoyées.

WebMCP est une norme Web proposée en preview anticipée. Activez les flags #devtools-webmcp-support et #enable-webmcp-testing sur chrome://flags pour commencer à expérimenter.

Problèmes Chromium : 494516094

Complétion de code pour les feuilles CSS

L'onglet Styles propose désormais la complétion de code pour les feuilles CSS avec Gemini, en s'appuyant sur la prise en charge des panneaux "Console" et "Sources". Activez les suggestions de code dans Paramètres > Innovations IA > Suggestions de code.

Cela vous permet d'expérimenter des combinaisons plus complexes de propriétés CSS, comme des dégradés ou des ombres portées, sans avoir à vous souvenir de leur syntaxe exacte. Vous pouvez également créer rapidement des mises en page de grille et flexibles, en vous appuyant sur plusieurs propriétés associées.

La barre d'outils en bas de l'onglet Styles affiche l'état via une icône de chargement. Les suggestions sont mises à jour ou effacées au fur et à mesure de votre saisie, ce qui garantit que le texte généré par l'IA reste pertinent par rapport à vos modifications manuelles.

Les consignes relatives au contraste des couleurs APCA sont désormais stables

Le calculateur de contraste de l'algorithme de contraste perceptuel avancé (APCA) a officiellement quitté sa phase expérimentale et est désormais disponible en tant que paramètre de préférence standard. L'algorithme APCA remplace les consignes de contraste AAA/AA héritées par un modèle de contraste perceptuel moderne optimisé pour les écrans modernes et le rendu de texte.

Vous pouvez désormais activer ou désactiver les consignes APCA à l'aide de la case à cocher située sous Paramètres > Préférences > Éléments > Activer les consignes de contraste APCA.

User-agent du mode appareil dynamique

Le mode appareil adaptatif utilisait auparavant une chaîne user-agent codée en dur (Android 6.0 ; Nexus 5). Cela entraînait une dégradation des fonctionnalités des sites Web modernes ou déclenchait des modes de compatibilité, car l'OS signalé était reconnu comme datant de plus de dix ans.

L'user-agent codé en dur a été remplacé par une heuristique dynamique qui se met à jour automatiquement en fonction de l'année civile en cours. Les outils de développement signalent ainsi toujours un environnement moderne et plausible sans nécessiter de maintenance manuelle.

Autres points marquants

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

• Console : ajout d'un bouton à bascule Réduire / Développer tout à la barre d'outils du panneau "Console" pour réduire ou développer rapidement tous les groupes de console et les traces de pile actifs en même temps. (427657550)
• Application : les liens hypertexte cliquables ont remplacé le texte statique pour les champs de bucket de stockage dans la vue des métadonnées de l'application. Lorsque vous cliquez sur un lien de bucket, vous êtes automatiquement redirigé vers ce bucket spécifique dans le panneau latéral Buckets de stockage et il est mis en surbrillance. (435311130)
• Application : réactivation de la prise en charge de l'inspection complète du stockage pour les service workers après la résolution d'une régression de plantage. (406991275, 466134219)
• Application : ajout de la prise en charge de l'inspection des événements de prérendu form_submission dans le panneau "Préchargement". (346555939, 488078903)
• Application : implémentation de la gestion des identifiants de session liés à l'appareil (DBSC) , permettant aux développeurs d'effacer ou de supprimer des sessions actives à partir du menu contextuel ou en appuyant sur les touches Delete ou Backspace. (471017387)
• Éléments : les mises en surbrillance des nœuds DOM représentant des problèmes masqués dans le panneau "Problèmes" sont désormais mises à jour de manière dynamique (apparaissant ou disparaissant) en réponse aux actions de filtrage des problèmes. (40272723)
• Réseau : les événements envoyés par le serveur (SSE) sont désormais entièrement sérialisés et inclus dans les exportations HAR, ce qui permet d'enregistrer et de réimporter dans les outils de développement les captures de flux d'événements en direct en cours. (494294071)
• Performances : correction du suivi des métriques Core Web Vitals dans la vue "Métriques en direct" pour limiter le suivi strictement au contexte d’exécution du frame principal, ce qui empêche le renouvellement dynamique des iFrames de réinitialiser les métriques. (494350655)
• Performances : mise à niveau de web-vitals vers la version 5.2.0, avec l'introduction de corrections en amont natives pour les fuites de mémoire lors de la surveillance de l'INP. (484342204)