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 saisie semi-automatique 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 fonctionnalités d'assistance IA les plus demandées é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 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 ?", en fournissant une aide directe sur les outils de développement eux-mêmes.

Grâce à ce changement, l'assistance IA peut désormais également changer de contexte automatiquement. Il mettra à jour intelligemment le contexte en fonction de vos actions lorsque le chat est vide, tout en respectant vos sélections manuelles une fois la conversation commencée.

Outils de développement pour les agents

Le serveur MCP et la CLI des Outils pour les développeurs Chrome ont été mis à jour vers la version 0.21.0, ce qui apporte des améliorations significatives pour les workflows multi-agents, de nouvelles fonctionnalités d'audit via Lighthouse et un ensemble de compétences amélioré.

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

  • Audits Lighthouse intégrés : vous pouvez désormais exécuter des audits Lighthouse directement depuis MCP, ce qui permet d'effectuer des vérifications automatisées des performances et de la qualité dans vos workflows agentiques.
  • 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 apportées à la compétence 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 générales d'utilisation : les compétences spécifiques à l'utilisation du serveur MCP des outils pour les développeurs Chrome ou de la CLI, ainsi que le dépannage des installations, 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 qui contient des notes de version détaillées.

Génération de code

Dans Chrome 142, nous avons introduit les suggestions de code de Gemini dans les panneaux "Console" et "Sources". Avec Chrome 147, cette fonctionnalité est améliorée pour permettre 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 lancer la génération. Le i du raccourci est en minuscules.

Barre d'outils du mode Appareil repensée

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

  • Commandes standardisées : la sélection des appareils, les niveaux de zoom et le rapport de pixels de l'appareil (DPR) utilisent désormais des composants d'interface utilisateur DevTools standards, ce qui améliore la facilité d'utilisation.
  • Zoom simplifié : le menu de zoom est désormais plus clair, avec l'option "Ajuster à la fenêtre" directement intégrée à la liste des pourcentages. L'option "Réglage automatique du zoom" a été déplacée vers son propre bouton de barre d'outils.
  • Compatibilité avec le verrouillage de l'orientation : les outils pour les développeurs 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

Il est désormais beaucoup plus facile de diagnostiquer les problèmes liés aux ressources compressées. Auparavant, si une requête HTTP utilisait Content-Encoding: gzip ou deflate, la vue Charge utile du panneau Réseau affichait des données binaires illisibles au lieu du contenu décodé.

Dans Chrome 147, les outils de développement décodent automatiquement ces corps compressés et affichent le contenu lisible directement sous Charge utile.

De plus, la liste des requêtes inclut désormais des informations sur la taille du transfert, ce qui permet de mieux comprendre la consommation des données sur le réseau. L'assistant IA utilise également ces informations 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, Calculé et Propriétés. Cliquez sur le nouveau bouton bascule Expression régulière (.*) pour l'activer. Par exemple, saisissez padding|border pour mettre en évidence 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 > Chargements spéculatifs :

  • Filtrage de texte : vous pouvez désormais filtrer la liste des règles et des tentatives à l'aide de filtres de texte libre ou de filtres à clé (par exemple, url:, action:, status:), avec la 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 les tentatives affichées.
  • Codes d'état HTTP : en cas d'échec du préchargement, les outils de développement affichent désormais le code d'état HTTP réel (par exemple, 404) dans la colonne "État" et dans le volet d'informations, 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 : lorsqu'un message d'erreur contient des frames de pile en ligne ignorés, mais que la pile d'appel contient des frames non ignorés, un bouton bascule 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 info-bulle lorsque vous activez ou désactivez certains paramètres expérimentaux.
  • Inspection des 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 nullables (null ou undefined) (41187256).
  • Éléments : l'ornement "annonce" n'est plus limité aux iFrames et peut désormais être affiché pour les éléments arbitraires marqués comme liés aux annonces par le backend (485493202).
  • Nœuds d'instruction : les nœuds d'instruction de traitement (comme <?xml-stylesheet ... ?>) sont désormais visibles et modifiables dans l'arborescence DOM (484891675).

Accessibilité

Cette version apporte plusieurs améliorations en termes 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 d'apparaître uniquement au survol (487613506).
  • Sources : vous pouvez désormais cocher ou décocher les points d'arrêt des écouteurs d'événements à 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 cases à cocher des groupes de catégories (477643909).