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

Matthias Rohmer

Publié le 7 avril 2026

Chrome 147 introduit la sélection automatique du contexte pour l'assistance IA, met à niveau les suggestions de code pour la complétion complète du code, modernise la barre d'outils du mode Appareil, permet le décodage automatique des corps de réseau compressés et apporte plusieurs autres améliorations.

Sélection automatique du contexte dans l'assistance IA

Écran de démarrage du panneau d'assistance IA mis à jour.

L'une des principales demandes de fonctionnalités pour l'assistance IA était la possibilité de poser des questions plus ouvertes. Un nouvel agent de sélection de contexte vous permet désormais de poser des questions sans avoir sélectionné de contexte au préalable, par exemple :

  • "Quelles sont les requêtes réseau les plus lentes sur cette page ?" Auparavant, cela n'était pas possible, car vous deviez sélectionner une requête réseau spécifique.
  • "Quels problèmes de performances existent sur la page ?" Les outils de développement enregistrent désormais automatiquement une trace avec les paramètres que vous avez sélectionnés pour répondre à cette question.
  • "Comment utiliser le panneau d'animation ?" ou "Où se trouve le paramètre de contraste élevé dans les outils de développement ?", ce qui permet d'obtenir une aide directe sur les outils de développement eux-mêmes.

Dans le cadre de cette modification, l'assistance IA peut désormais également changer automatiquement de contexte. Elle mettra à jour intelligemment le contexte en fonction de vos actions lorsque le chat est vide, tout en respectant vos sélections manuelles une fois qu'une conversation a commencé.

Outils de développement pour les agents

Le serveur MCP et l'interface de ligne de commande des outils de développement Chrome ont été mis à jour vers la version 0.21.0, ce qui apporte des améliorations significatives aux workflows multi-agents, de nouvelles fonctionnalités d'audit via Lighthouse et un ensemble de compétences amélioré.

Les principales fonctionnalités ajoutées depuis la dernière mise à jour incluent les suivantes :

  • Audits Lighthouse intégrés : vous pouvez désormais exécuter des audits Lighthouse directement via MCP, ce qui permet d'automatiser les vérifications des performances et de la qualité dans vos workflows d'agent.
  • Compétence de détection des fuites de mémoire : ajout d'une nouvelle compétence pour détecter les fuites de mémoire à l'aide de l'outil take_memory_snapshot.
  • Améliorations des compétences en matière d'accessibilité : la compétence de débogage de l'accessibilité a été affinée pour mieux exploiter Lighthouse et fournir des résultats plus robustes.
  • Compétences d'utilisation générale : des compétences dédiées à l'utilisation du serveur MCP des outils de développement Chrome ou de l'interface de ligne de commande, ainsi qu'à la résolution des problèmes d'installation, aident votre agent à tirer le meilleur parti des outils de développement pour les agents.
  • Prise en charge des workflows multi-agents : l'introduction du routage pageId permet à plusieurs agents de cibler et d'interagir précisément avec des pages de navigateur spécifiques en parallèle.

Pour commencer à utiliser ces fonctionnalités, consultez le dépôt GitHub contenant des notes de version détaillées.

Génération de code

Dans Chrome 142, nous avons introduit des suggestions de code par Gemini dans les panneaux "Console" et "Sources". Avec Chrome 147, cette fonctionnalité est mise à niveau pour la génération complète de code.

Pour générer du code, saisissez un commentaire en langage naturel décrivant la logique dont vous avez besoin (par exemple, // Loop to check all img elements for valid alt attributes), puis appuyez sur Cmd+I (Mac) ou Ctrl+I (Windows/Linux) pour commencer la génération.

Barre d'outils du mode Appareil actualisée

La barre d'outils Mode Appareil a été modernisée pour offrir une expérience plus cohérente et simplifiée :

  • Commandes standardisées : la sélection de l'appareil, les niveaux de zoom et le rapport de pixels de l'appareil (DPR) utilisent désormais des composants d'interface utilisateur standard des outils de développement, ce qui améliore la convivialité.
  • Zoom simplifié : le menu de zoom est désormais plus clair, avec l'option "Ajuster à la fenêtre" intégrée directement dans la liste des pourcentages. L'option "Ajuster automatiquement le zoom" a été déplacée vers son propre bouton de barre d'outils dédié.
  • Prise en charge du verrouillage de l'orientation : les outils de développement gèrent désormais l'API screen.orientation.lock() dans l'émulation d'appareil. Lorsqu'une page verrouille l'orientation, l'appareil émulé pivote automatiquement pour correspondre à l'orientation verrouillée, et le bouton de rotation manuelle est désactivé tant que le verrouillage est actif.

Problèmes Chromium : 40807290

Corps compressés décodés

Le diagnostic des problèmes liés aux ressources compressées est désormais beaucoup plus facile. Auparavant, si une requête HTTP utilisait Content-Encoding: gzip ou deflate, la vue Payload du panneau Network (Réseau) affichait des données binaires brouillées au lieu du contenu décodé.

Dans Chrome 147, les outils de développement décodent automatiquement ces corps compressés, en affichant le contenu lisible directement sous Payload.

En outre, la liste des requêtes inclut désormais des informations sur la taille du transfert , ce qui permet de mieux comprendre l'utilisation des données sur le réseau. Ce détail est également utilisé par l'Assistant IA pour mieux sélectionner les requêtes.

Problèmes Chromium : 356158096

Filtres d'expressions régulières pour les styles

Nouveau filtre d'expression régulière dans le panneau "Styles".

Vous pouvez désormais utiliser des expressions régulières dans les barres de filtre des panneaux Styles, Computed (Calculé) et Properties (Propriétés). Cliquez sur le nouveau bouton d'activation/de désactivation des expressions régulières (.*) pour l'activer. Saisissez ensuite, par exemple, padding|border pour mettre en surbrillance toutes les propriétés padding et border.

Problème Chromium : 40706727

Améliorations des chargements spéculatifs

Le débogage du préchargement est plus robuste grâce aux nouvelles fonctionnalités du panneau Application > Speculative loads (Chargements spéculatifs) :

  • Filtrage de texte : vous pouvez désormais filtrer la liste des règles et des tentatives à l’aide de texte libre ou de filtres à clé (par exemple, url:, action:, status:), avec prise en charge de la logique AND entre plusieurs termes.
  • Bouton "Effacer" : un nouveau bouton "Effacer" vous permet de réinitialiser le modèle de préchargement et d’effacer les règles et tentatives affichées.
  • Codes d'état HTTP : pour les prérecuperations ayant échoué, les outils de développement affichent désormais le code d'état HTTP réel (par exemple, 404) dans la colonne d'état et le volet de détails, au lieu d'un message d'échec générique.

Problèmes Chromium : 479524246, 40926909

Divers

Voici quelques corrections et fonctionnalités notables de cette version :

  • Console : lorsque toutes les frames de pile intégrées d'une erreur sont ignorées mais que la pile d'appels contient des frames non ignorées, un bouton d'activation/de désactivation s'affiche désormais pour vous aider à vous concentrer sur le code exploitable tout en masquant les traces de bibliothèque bruyantes (379788109).
  • Performances : l'état de la barre latérale (ouverte/fermée) est désormais conservé. Si vous fermez la barre latérale, elle reste fermée lors des enregistrements suivants (437340219).
  • Paramètres : les outils de développement peuvent désormais vous inviter à redémarrer le navigateur via une barre d'informations lorsque vous activez ou désactivez certains paramètres expérimentaux.
  • Inspection d'objets : une nouvelle option de menu contextuel « Tout afficher » dans les vues d'objets vous permet d'activer ou de désactiver la visibilité des propriétés nullish (null ou undefined) (41187256).
  • Éléments : l'ornement « ad » n'est plus limité aux iFrames et peut désormais être affiché pour les éléments arbitraires balisés comme liés aux annonces par le backend (485493202).
  • Nœuds d'instruction : les nœuds d'instruction de traitement (tels que <?xml-stylesheet ... ?>) sont désormais visibles et modifiables dans l'arborescence DOM (484891675)

Accessibilité

Cette version apporte plusieurs améliorations en matière d'accessibilité :

  • Performances : le bouton d'aide du titre dans les fiches de métriques de performances est désormais toujours visible et accessible au clavier, au lieu de n'apparaître que lorsque vous le survolez (487613506).
  • Sources : les points d'arrêt des écouteurs d'événements peuvent désormais être cochés ou décochés à l'aide de la barre d'espace (478890182).
  • Paramètres : les touches "Début" et "Fin" permettent désormais d'accéder au premier et au dernier élément de la liste des raccourcis (481747256).
  • Lighthouse : amélioration des annonces du lecteur d'écran pour les groupes de catégories cases à cocher (477643909).