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

Matthias Rohmer

Publié le 20 octobre 2026

Chrome 155 et Chrome 156 ont été déployés en version stable en octobre, apportant un nouvel ensemble de fonctionnalités de débogage et de création à votre navigateur en novembre : l'inspection des styles CSS dans les outils de développement pour les agents, un éditeur position-area interactif pour le positionnement des ancres CSS dans Éléments, ainsi que le fichier manifeste d'installation Web et les diagnostics de provenance des annonces dans Application. Vous pouvez également détecter les variables de contexte mortes dans Mémoire, inspecter les avertissements de préchargement Early Hints et les remplacements persistants dans Réseau, et naviguer plus facilement dans les chronologies dans Performances.

Outils de développement pour les agents

Le serveur MCP des outils pour les développeurs Chrome ajoute l'inspection des styles CSS, la prise en charge des fichiers de configuration et l'analyse des traces fragmentées pour les agents de codage :

• Inspection du style CSS : inspectez les styles calculés et correspondants avec l'outil get_css_styles, qui accepte la pagination (pageSize et pageIdx) et met en forme les règles correspondantes, les règles héritées, les pseudo-éléments, @keyframes et les règles @ (@position-try, @property et @function).
• Contrôles du fichier de configuration et du chemin d'accès : gérez les options du serveur avec un fichier de configuration dédié, configurez des racines de système de fichiers personnalisées et utilisez --allow-unrestricted-paths par défaut dans la CLI.
• Analyse du tampon de trace fragmenté : analysez les enregistrements de performances volumineux à l'aide d'un analyseur de tampon de trace fragmenté et d'un tampon de trace par défaut de 1,2 Go. Les outils de développement limitent également les instances du moteur de trace par analyse pour éviter les fuites de mémoire.
• Gestion des boîtes de dialogue et persistance de la console : gérez automatiquement les boîtes de dialogue JavaScript déclenchées lors des actions de l'outil de saisie, et conservez l'historique des messages de la console lors des navigations dans un même document.
• Mise à jour du menu : cliquez sur Obtenir les Outils de développement Chrome pour les agents dans le menu principal des Outils de développement pour ouvrir les instructions de configuration.

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

Éléments : éditeur visuel de position-area, sélection implicite de l'ancre et mises à jour de la création CSS

Le panneau Éléments introduit des outils visuels pour le positionnement des ancres CSS et étend l'inspection CSS :

• Éditeur visuel position-area : cliquez sur l'échantillon intégré à côté d'une déclaration position-area dans l'onglet Styles pour sélectionner visuellement les régions de la grille d'ancrage, configurer les axes simultanément ou individuellement, activer/désactiver le mot clé self et raccourcir les mots clés sans axe.
• Sélection d'ancrage implicite sur les ornements de popover : effectuez un clic droit sur un ornement de popover dans l'arborescence DOM lorsqu'un élément comporte plusieurs ancrages implicites pour inspecter et accéder à n'importe quel élément d'ancrage associé.
• Superposition de la boîte de positionnement de l'ancre : inspectez les marges, la marge intérieure, la bordure et les boîtes de contenu du bloc conteneur modifié par l'encart (IMCB) directement sur la superposition de la fenêtre d'affichage lors du débogage des éléments positionnés par l'ancre.
• wrap-reverse dans l'éditeur Flexbox : activez ou désactivez flex-wrap: wrap-reverse directement depuis l'éditeur Flexbox visuel dans l'onglet Styles.
• Styles CSS inactifs pour les règles @starting-style et héritées : inspectez les règles @starting-style inactives et les sections Inherited from avec des états de développement et de réduction manuels préservés d'une mise à jour à l'autre.
• Saisie semi-automatique des propriétés personnalisées et des classes avec plusieurs tirets : inspectez et modifiez les propriétés CSS personnalisées qui commencent par trois tirets ou plus (comme ---theme-color), et filtrez les classes déjà appliquées dans les suggestions de saisie semi-automatique Ajouter une classe.

Problèmes Chromium : 553335561, 438724570, 413061413, 397184392, 539424116, 533783988

Application : diagnostics du fichier manifeste d'installation Web, provenance des annonces et mises à jour de la table de stockage

Les panneaux Application et Issues (Problèmes) ajoutent des diagnostics pour les fichiers manifestes d'installation Web, la provenance des scripts d'annonces et l'inspection du stockage :

• Diagnostics du fichier manifeste d'installation Web : inspectez les erreurs du fichier manifeste d'installation Web (navigator.install et <install>) dans le panneau Problèmes (échecs de récupération, erreurs de syntaxe, valeurs start_url non valides, noms ou ID manquants, et fichiers manifestes manquants) avec des liens directs vers le fichier manifeste concerné.
• Documentation sur la colonne et la métrique "Provenance de l'annonce" : consultez la nouvelle colonne Provenance de l'annonce dans la section Annonces du panneau Application pour savoir si un script d'annonce correspond à une chaîne de scripts ancêtres ou à une règle de liste de filtres, ainsi que les info-bulles de documentation et les liens En savoir plus sur les métriques d'annonce.
• Ergonomie des tables IndexedDB et Cookies : développez les objets imbriqués dans la grille de données IndexedDB avec des hauteurs de ligne dynamiques qui conservent votre position de défilement, et supprimez les lignes sélectionnées dans la table Cookies à l'aide du clavier ou du menu contextuel.

Problèmes Chromium : 333795265, 553428200, 514957134, 555304817, 555304814, 562142155

Réseau : avertissements de préchargement Early Hints et forçages persistants

Le panneau Réseau affine les diagnostics Early Hints, les remplacements locaux et les workflows d'en-têtes personnalisés :

• Avertissement de préchargement des premiers indices lorsque le cache est désactivé : un avertissement s'affiche dans la section des en-têtes Premiers indices lorsque les réponses 103 Early Hints incluent des liens de préchargement alors que l'option Désactiver le cache est activée, expliquant pourquoi Chrome ignore ces préchargements.
• Remplacements locaux persistants et colonnes d'en-tête personnalisées : diffusez des remplacements de corps de réponse locaux lors de la navigation sur les pages, conservez les configurations de colonnes d'en-tête de requête et d'en-tête de réponse personnalisées et l'ordre de tri lors des actualisations, et copiez les charges utiles de requête brutes tronquées à partir du menu contextuel.

Problèmes Chromium : 548701038, 559925510, 563542902, 556269542, 377410082

Mémoire : détection des champs de contexte morts dans les instantanés de segment de mémoire

Le panneau Mémoire détecte désormais les variables de fermeture inutilisées qui restent conservées dans les contextes d'exécution V8. Les outils de développement analysent les métadonnées de portée V8 intégrées aux instantanés de segment de mémoire pour mettre en corrélation les fermetures avec les objets Context partagés. Il met ensuite en évidence les champs de contexte inactifs maintenus actifs par des fermetures sœurs de longue durée lorsqu'aucune fermeture active n'y accède, triés par impact sur la mémoire.

Problèmes Chromium : 497855658

Performances : navigation plus fluide dans la chronologie et état de l'arborescence des appels préservé

Le panneau Performance offre une navigation plus réactive dans le graphique de flammes et conserve votre contexte d'analyse dans les panneaux :

• Navigation plus fluide dans la timeline : le zoom, le panoramique et le déplacement de la mini-carte de la timeline ne sont plus lents.
• Conservation de l'état de l'arborescence des appels et de l'état Bottom-up : passez d'un panneau DevTools à un autre sans perdre vos nœuds développés, votre sélection ni votre position de défilement dans les onglets Arborescence des appels et Bottom-up.

Problèmes Chromium : 553831653, 561396590

Autres points marquants

Chrome 155 et Chrome 156 incluent également les améliorations suivantes dans les panneaux des outils de développement :

• Capteurs : remplacez navigator.cpuPerformance directement depuis la nouvelle commande Niveau de performances du processeur dans le panneau Capteurs, ou laissez-le refléter les préréglages de limitation du processeur actifs. (Problèmes Chromium : 449760252, 526856234, 526857820)
• Mode Appareil : conservez vos préférences d'échelle et de zoom automatique par appareil émulé, et conservez le remplacement Save-Data lorsque vous activez ou désactivez la barre d'outils de l'appareil. (problèmes Chromium : 561306841, 555160483)
• Sélecteur de couleur : affichez les suggestions de couleurs de contraste APCA pour le texte clair sur fond sombre, et convertissez les couleurs hors gamme en oklab() et oklch() sans valeurs NaN. (Problèmes Chromium : 560325669, 558821258)
• Accessibilité : identifiez les boutons d'activation/de désactivation des filtres d'expression régulière actifs à l'aide d'un point indicateur non coloré, écoutez les noms des propriétés de police annoncés par les lecteurs d'écran dans Aperçu CSS et naviguez avec des anneaux de focus clavier améliorés et une visibilité à contraste élevé dans les panneaux. (Problèmes Chromium : 556764882, 555848535, 555599825, 553804654)

Problèmes Chromium : 449760252, 526856234, 526857820, 561306841, 555160483, 560325669, 558821258, 556764882, 555848535, 555599825, 553804654