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

Matthias Rohmer

Suggestions de code de Gemini

Vous pouvez désormais obtenir des suggestions de saisie anticipée générées par l'IA dans les panneaux Console et Sources.

Fonction de suggestion de code dans les panneaux "Console" et "Sources"

Pour activer cette fonctionnalité, accédez à Paramètres > Innovations d'IA, puis activez Suggestions de code.

Améliorations apportées au serveur MCP des outils de développement

Depuis le lancement de la version Preview publique du serveur MCP DevTools avec la version 0.2.1, nous avons apporté diverses améliorations grâce aux contributions de la communauté et publié la version 0.9.0.

  • La compatibilité avec Node.js a été étendue à Node.js 20.
  • Les requêtes réseau et les messages de la console peuvent être paginés pour économiser des jetons et filtrés en fonction du type de requête (par exemple, scripts, feuilles de style, images) et du type de message (journal, avertissement, erreur).
  • Les captures d'écran peuvent être exportées vers un chemin d'accès spécifique et dans différents formats.
  • Les catégories d'outils configurables vous permettent d'organiser les fonctionnalités exposées, ce qui réduit le bruit inutile.
  • Vous pouvez désormais transmettre des arguments de lancement à l'instance Chrome utilisée par le serveur MCP.

Consultez le journal des modifications public sur GitHub pour obtenir la liste complète des modifications et des corrections de bugs, et en savoir plus sur le serveur MCP DevTools dans l'article de blog d'annonce.

Accès plus rapide à l'assistance IA

Les outils de développement incluent désormais davantage de liens qui ouvrent l'assistance IA. L'élément de menu contextuel Demander à l'IA a été renommé Déboguer avec l'IA et complété par des actions directes que l'IA peut vous aider à effectuer, en fonction du contexte.

Grâce au nouveau bouton supplémentaire en haut à droite des outils de développement, vous pouvez ouvrir l'assistance IA depuis n'importe où dans les outils de développement.

Nouveaux points d'entrée vers l'assistance IA dans les outils pour les développeurs

Déboguer la trace des performances complète avec Gemini

Après avoir enregistré une trace dans le panneau Performances, vous pouvez désormais discuter de la trace complète, des insights sur les performances associés et des données de champ avec Gemini sans sélectionner de contexte spécifique à l'avance, le tout dans la même conversation. Cela vous permet d'examiner les problèmes de performances de manière plus globale avant de les analyser plus en détail.

Après avoir identifié un problème potentiel avec l'aide de Gemini, vous pouvez sélectionner facilement un élément de contexte plus spécifique, comme un événement de trace ou un insight sur les performances, pour l'examiner de plus près et poursuivre la même discussion.

De même, tous les insights de Performances > Insights sont désormais disponibles pour que vous puissiez en discuter avec Gemini.

Activer/Désactiver l'orientation du panneau

Le tiroir peut désormais être déplacé sur le côté. Cela vous permet d'afficher les panneaux côte à côte au lieu de les empiler. Effectuez un clic droit sur le nom d'un panneau dans la barre d'onglets principale, puis sélectionnez Déplacer vers le tiroir pour déplacer le panneau sélectionné vers le tiroir.

Ajoutez d'autres panneaux au tiroir à partir de ⋮ > Plus d'outils.

Nouveau bouton bascule dans le panneau pour changer l'orientation

Google Developer Program

Le Google Developer Program est désormais intégré aux Outils de développement, avec des liens directs pour la gestion des profils et de nouveaux badges à gagner.

Commandes pour le profil de développeur Google dans les paramètres des outils de développement

Les badges sont une fonctionnalité que vous pouvez choisir d'activer ou non. Pour activer les badges, accédez à Paramètres > Préférences > Compte, puis activez l'option Gagner des badges.

Autres points importants

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

  • Le panneau Application est désormais compatible avec l'inspection du stockage pour tous les types de nœuds de calcul, y compris les nœuds de calcul de service, partagés et dédiés.
  • :target-current s'affiche désormais dans le panneau Styles.
  • Le panneau Réseau peut désormais filtrer les requêtes en fonction d'un nouveau booléen Is ad-related.

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.

Nouveautés des outils pour les développeurs

Liste de tous les sujets abordés dans la série Nouveautés de DevTools.