Cette page a été traduite par l'API Cloud Translation.

Nouveautés des outils pour les développeurs Chrome 141

Sofia Emelianova

Outils pour les développeurs Chrome (MCP) pour votre agent d'IA

Vous pouvez désormais prévisualiser le nouveau serveur MCP (Model Context Protocol) des outils pour les développeurs Chrome. Il apporte la puissance des outils pour les développeurs Chrome aux assistants de codage IA.

Auparavant, les agents de codage n'étaient pas en mesure de voir ce que faisait réellement le code qu'ils généraient lorsqu'il s'exécutait dans le navigateur. Le serveur MCP des outils de développement Chrome change la donne. Les assistants de programmation basés sur l'IA sont capables de déboguer des pages Web directement dans Chrome et de bénéficier des fonctionnalités de débogage et des insights sur les performances des outils de développement. Cela leur permet d'identifier et de résoudre les problèmes plus précisément.

Découvrez comment cela fonctionne :

Pour en savoir plus, consultez Outils pour les développeurs Chrome (MCP) pour votre agent d'IA.

Déboguer l'arborescence des dépendances réseau avec Gemini

L'insight Performances > Insights > Arborescence des dépendances réseau comporte désormais le bouton Déboguer avec l'IA, qui vous redirige vers le panneau Assistance IA. Vous pouvez ainsi discuter de cette arborescence et la déboguer avec l'aide de Gemini.

Avant et après l'ajout du bouton "Déboguer avec l'IA" à l'insight "Arborescence des dépendances réseau".

Exporter vos discussions avec Gemini

Vous pouvez désormais exporter votre conversation actuelle avec Gemini ou copier sa réponse dans le presse-papiers en cliquant sur le bouton Exporter la conversation dans la barre d'action supérieure ou sur Copier la réponse sous le message de Gemini dans la discussion.

Avant et après l'ajout du bouton d'exportation et de copie à l'assistance IA.

Configuration des pistes persistantes dans le panneau "Performances"

Lorsque vous configurez une piste enregistrée dans le panneau Performances, les outils de développement enregistrent désormais votre configuration et l'appliquent lorsque vous l'importez à nouveau ou que vous en enregistrez une autre.

Filtrer les requêtes réseau protégées par IP

Dans le panneau Réseau, vous pouvez désormais filtrer les requêtes envoyées aux proxys IP Protection.

Avant et après l'ajout du filtre "Requêtes protégées par une adresse IP" au panneau "Réseau".

"Mise en page" ajoute la prise en charge de la mise en page en maçonnerie" id="masonry" tabindex="-1">L'onglet "Éléments" > "Mise en page" ajoute la prise en charge de la mise en page en maçonnerie

Vous pouvez désormais inspecter la mise en page en maçonnerie dans l'onglet Éléments > Styles.

La mise en page en maçonnerie est une méthode de mise en page dans laquelle un axe utilise une mise en page en grille stricte typique (le plus souvent des colonnes) et l'autre une mise en page en maçonnerie.

Avant et après l'ajout de la prise en charge de la mise en page Masonry à Éléments > Mise en page.

Lighthouse 12.8.2

Le panneau Lighthouse exécute désormais Lighthouse 12.8.2.

Dans cette version, Lighthouse sépare les problèmes détectés avec les propriétés personnalisées CSS dans leurs propres messages d'erreur.

Consultez également la liste complète des modifications.

Pour découvrir les bases de l'utilisation du panneau Lighthouse dans les outils pour les développeurs, consultez Lighthouse : optimiser la vitesse d'un site Web.

Problème Chromium : 40543651.

Autres points importants

Voici quelques-unes des nombreuses corrections et améliorations importantes apportées à cette version :

Performances : les événements de rappel de demande d'inactivité incluent désormais la propriété timeout (crbug.com/441679219).
Accessibilité. Les lecteurs d'écran liront désormais les informations suivantes :
- "Il s'agit d'une nouvelle fonctionnalité" pour les éléments de menu de commande mis en avant (crbug.com/441485154).
- Barre d'outils récapitulative de la complétion de code (crbug.com/433952045).
Réseau : un clic droit sur un élément du journal réseau le sélectionne (crbug.com/368510578).

Télécharger les canaux de prévisualisation

Envisagez d'utiliser Chrome Canary, Dev ou Beta comme navigateur de développement par défaut. Ces canaux d'aperçu vous donnent accès aux dernières fonctionnalités des outils de développement, vous permettent de tester les API de plate-forme Web de pointe et vous aident à identifier les problèmes sur votre site avant vos utilisateurs.

Contacter l'équipe des Outils pour les développeurs Chrome

Utilisez les options suivantes pour discuter des nouvelles fonctionnalités, des mises à jour ou de tout autre élément lié aux outils pour les développeurs.

Envoyez-nous vos commentaires et vos demandes de fonctionnalités sur crbug.com.
Signalez un problème dans les outils de développement en cliquant sur Plus d'options > Aide > Signaler un problème dans les outils de développement.
Envoyez un tweet à @ChromeDevTools.
Laissez des commentaires sur les vidéos YouTube "Nouveautés des outils de développement" ou les vidéos YouTube "Conseils sur les outils de développement".