Nouveautés des outils de développement – Octobre 2026

Date de publication : 1er octobre 2026

Chrome 153 et Chrome 154 ont été déployés dans la version stable au cours du mois dernier, apportant une vague d'améliorations pour les développeurs, prêtes à être utilisées dans votre workflow quotidien. Cette édition met en avant les contrôles d'exécution JavaScript précis dans les Outils de développement pour les agents, le suivi des scripts publicitaires dans le panneau "Application", la prise en charge complète de la navigation douce et les remplacements de niveau de performances du processeur dans "Performances", la prise en charge des styles inactifs et des ornements accessibles au clavier dans "Éléments", l'inspection de la source et l'enregistrement des traces de performances dans l'Assistance IA, ainsi que les préréglages d'appareils modernisés dans le mode Appareil.

Outils de développement pour les agents

Le serveur MCP des outils pour les développeurs Chrome introduit de nouvelles commandes de sécurité, des fonctionnalités d'optimisation des performances et des capacités d'analyse de la mémoire pour les agents de codage :

  • Package Agent Plugins 1.0 : ajout de la compatibilité avec le package Agent Plugins 1.0, qui permet aux agents de charger et d'exécuter des extensions de plug-in modulaires.
  • Commandes d'exécution JavaScript : configurez --no-javascript-evaluation ou désactivez les outils d'exécution JavaScript pour inspecter les pages sans évaluer les scripts, en étendant les navigations et les scripts d'initialisation.
  • Cartes sources à la demande : ajout d'une option permettant de désactiver les cartes sources et de les charger à la demande, ce qui évite une utilisation excessive de la mémoire sur les grands sites.
  • Racines de système de fichiers configurables et autorisations de chemin d'accès à la CLI : la CLI inclut désormais --allow-unrestricted-paths par défaut et accepte les racines de système de fichiers configurables.
  • Inspection des instantanés de segment de mémoire : interrogez directement les objets par taille conservée ou nom de propriété avec query_heapsnapshot, affichez les tailles propres et conservées pour les arêtes, et inspectez la mémoire conservée par les contextes d'exécution V8.
  • Outils d'automatisation des PWA : ajout d'outils dédiés à l'automatisation de l'installation et des vérifications du cycle de vie des applications Web progressives.
  • Traces de pile de la console : récupérez les traces de pile facultatives lorsque vous listez les messages de la console avec list_console_messages.

Pour en savoir plus, consultez le dépôt chrome-devtools-mcp.

Suite à l'introduction de quatre métriques publicitaires expérimentales pour le rapport d'expérience utilisateur Chrome (CrUX), ce nouveau sous-panneau permet de déboguer et d'optimiser les informations liées aux annonces à l'échelle de la page de manière centralisée. Par exemple :

  • Tableau de bord pour les nouvelles métriques expérimentales : densité d'annonces dans la fenêtre d'affichage, nombre d'annonces dans la fenêtre d'affichage, utilisation totale du processeur par les annonces, utilisation totale du réseau par les annonces.
  • Segmentation de l'utilisation du processeur et du réseau par les éléments d'annonces
  • Tableau des scripts Ads dans le frame principal.
  • Bouton bascule qui met en évidence les annonces sur la page.

Pour en savoir plus sur les nouvelles métriques sur les annonces, consultez notre documentation.

Onglet "Annonces" du panneau "Application" affichant le nouveau tableau "Scripts d'annonces" et révélant un script d'annonce dans "Sources".
Onglet "Annonces" du panneau "Application" affichant le nouveau tableau des scripts d'annonces et révélant un script d'annonce dans "Sources".

Problèmes Chromium : 514957134, 512927903, 540469610

Le panneau Performances offre une mesure de la navigation logicielle de bout en bout, des remplacements de la calibration matérielle et une recherche de trace plus approfondie :

  • Prise en charge complète de la navigation logicielle : suite à l'introduction de la prise en charge de la navigation logicielle dans les vues "Métriques en direct" et "Traces" de Chrome 152, l'analyse de la navigation logicielle est désormais disponible dans Insights. La prise en charge de bout en bout de la mesure de la navigation logicielle dans le panneau Performances est ainsi complète.
  • Remplacement du niveau de performances du processeur via CDP : les outils pour les développeurs permettent désormais de configurer, de calculer et de distribuer des remplacements calibrés du niveau de performances du processeur via le protocole Chrome DevTools (Emulation.setCPUPerformanceOverride). Cela permet de réaliser des tests de performances reproductibles sur différents niveaux de matériel.
  • Recherche de pistes d'extension dans le graphique de flammes : appuyer sur Ctrl+F dans le graphique de flammes du panneau Performances correspond désormais aux entrées des pistes personnalisées enregistrées à l'aide de l'API Extensibility, en recherchant dans le texte de leur info-bulle, leurs propriétés et les informations sur les utilisateurs.
  • Visualisation des threads du profil de processeur : le graphique en flammes du panneau Performances affiche désormais les threads qui ne contiennent que des exemples de profil de processeur, ce qui garantit que les exécutions en arrière-plan telles que les threads WebAssembly apparaissent dans les vues de chronologie.
Workflow de bout en bout de la navigation logicielle dans le panneau "Performances".

Problèmes Chromium : 449760252, 483092899, 540020488

Éléments : corrections des styles inactifs, des ornements accessibles au clavier et du plan de l'arborescence

L'inspection et la création de CSS sont plus rapides et plus accessibles dans le panneau Éléments :

  • Prise en charge des styles inactifs : les outils de développement peuvent désormais continuer à afficher les règles de style qui correspondaient auparavant à l'élément sélectionné lorsqu'elles ne s'appliquent plus, en les distinguant clairement à l'aide d'un indicateur visuel inactif. Activez les styles inactifs et configurez leur comportement de réduction dans Paramètres.
  • Ornements accessibles au clavier : les ornements interactifs de l'arborescence DOM (y compris Afficher la source, Style de départ, Alignement sur la défilement et Afficher) peuvent désormais être sélectionnés au clavier et activés à l'aide de Enter ou Space.
  • Réorganisation par glisser-déposer : la réorganisation des nœuds DOM en faisant glisser des éléments dans l'arborescence DOM fonctionne désormais de manière fiable au-delà des limites du Shadow DOM, avec des indicateurs de placement clairs.
  • Activation/désactivation plus fluide des propriétés CSS : l'activation/désactivation des cases à cocher des propriétés CSS dans l'onglet Styles ne déclenche plus de repeintures d'UI en double ni de clignotements visuels.
Panneau "Éléments" affichant une règle CSS inactive.
Panneau "Éléments" affichant une règle CSS inactive.

Problèmes Chromium : 539424116, 554057179, 555088527, 548477554

Mode Appareil : des préréglages d'appareil modernisés regroupés par facteur de forme

La barre d'outils Mode Appareil et la vue Paramètres > Appareils organisent le matériel émulé dans des catégories claires :

  • Regroupement par facteur de forme : les appareils émulés sont désormais regroupés dans les catégories Mobile, Pliables, Tablettes et ordinateurs et Écrans connectés.
  • Catalogue de matériel mis à jour : ajout de préréglages modernes (iPhone 16, Pixel 9, Pixel 10, Galaxy Z Fold 6, iPad Pro 13", Nest Hub Max, etc.) et suppression des définitions d'anciens appareils obsolètes.
Le mode Appareil affiche les préréglages d'appareil modernisés regroupés par facteur de forme.
Mode Appareil affichant les préréglages d'appareil modernisés regroupés par facteur de forme.

Problèmes Chromium : 526856234, 526857820

Réseau : modifier et renvoyer en tant qu'extraction dans la console, et remplacer la sécurité locale

Les workflows d'inspection et de débogage des requêtes réseau ont été simplifiés et sécurisés :

  • Modifier et renvoyer en tant que récupération dans la console : si vous sélectionnez Modifier et renvoyer en tant que récupération pour une requête réseau, le panneau Console est désormais automatiquement sélectionné, avec l'expression fetch() déjà collée dans l'invite, ainsi que des commentaires sur les paramètres et un lien de référence vers la requête d'origine.
  • Renforcement de la sécurité des remplacements locaux : le panneau Réseau empêche désormais la traversée de répertoire (%2E%2E) dans les remplacements locaux et interdit la création de remplacements sur des schémas non http(s) tels que data:, blob:, javascript: et about:.
  • Échappement des accents circonflexes dans "Copier en tant que curl (cmd)" : la copie des requêtes réseau en tant que commandes curl pour Windows cmd.exe échappe désormais les parenthèses et les accents graves, ce qui évite les erreurs de syntaxe de commande lorsqu'elles sont collées dans d'autres shells.
  • Synchronisation du curseur de charge utile binaire : l'onglet Charge utile conserve votre position de défilement et de curseur lorsque vous basculez entre les vues Hexadécimal, Base64 et UTF-8.
Effectuer un clic droit sur une requête réseau et sélectionner "Modifier et renvoyer en tant que récupération", ce qui permet de se concentrer automatiquement sur le panneau de la console avec l'expression de récupération déjà collée et prête à être modifiée.
Faites un clic droit sur une requête réseau et sélectionnez "Modifier et renvoyer en tant que récupération". Le panneau de la console est alors automatiquement sélectionné, avec l'expression de récupération déjà collée et prête à être modifiée.

Problèmes Chromium : 40726969, 513843792, 513836026, 407750982

Mémoire : filtrage des bords d'instantané du tas, tri par taille et requête d'objet

Le panneau Mémoire fournit des outils plus précis pour analyser les instantanés du tas :

  • Tri et filtrage des arêtes : vous pouvez désormais filtrer les arêtes dans les instantanés de tas par taille conservée minimale et filtrer les valeurs primitives (null, undefined, true, false) pour vous concentrer sur les références d'objet pertinentes. Les bordures peuvent être triées par taille conservée, taille propre ou nom.
  • Requêtes directes sur les objets : les Outils de développement permettent d'interroger directement les objets de l'instantané de segment de mémoire par seuil de taille conservée ou nom de propriété, ce qui simplifie l'étude des fuites de mémoire.
  • Analyse de la conservation du contexte : les instantanés de tas peuvent calculer et signaler la mémoire agrégée conservée en vie spécifiquement par les contextes d'exécution V8.
  • Analyse résiliente des instantanés de segment de mémoire : les fichiers d'instantanés de segment de mémoire non valides ou corrompus génèrent désormais des erreurs claires au lieu de provoquer des blocages d'analyse.

Problèmes Chromium : 497855658

Améliorations de l'accessibilité

Chrome 153 et Chrome 154 incluent les améliorations d'accessibilité suivantes :

  • Éléments : VoiceOver sur macOS annonce désormais les changements d'état "développé" et "réduit" via une zone live polie lors de la navigation dans les éléments de l'arborescence DOM. (Problème Chromium : 540028208)
  • Problèmes : résolution des annonces de lecteur d'écran en double dans le compteur Problèmes, lecture d'un résumé clair et unique, et application de la sémantique non bouton appropriée dans le panneau Problèmes. (Problème Chromium : 536977880)
  • Éléments : les ornements interactifs (Afficher la source, Style de départ, Alignement sur le défilement et Révéler) sont entièrement sélectionnables et activables à l'aide du clavier. (Problème Chromium : 554057179)
  • Régions dynamiques : ajout de AccessibilityAnnouncementRecordingView pour enregistrer et déboguer les annonces dynamiques et les appels ariaNotify. (Problème Chromium : 527462118)

Problèmes Chromium : 540028208, 536977880, 554057179, 527462118