Découvrez les cas d'utilisation de l'assistance IA dans les outils pour les développeurs Chrome et découvrez comment elle peut vous aider dans votre workflow de débogage pour le style, les performances, etc.

Lire la documentation

… pour le style

Comprend les mises en page

Obtenez une explication détaillée de la mise en page de votre élément et de la façon de la modifier à l'aide d'invites comme celle-ci:

How is this element laid out?

S'agit-il d'un élément flex ? Est-il positionné de manière absolue ? Fait-il partie d'une grille ? L'assistance de l'IA peut résumer la mise en page des arborescences d'éléments et fournir des exemples de code pour montrer comment la modifier.

Une animation ne fonctionne pas ? Demandez à l'assistance IA des informations sur votre élément animé:

Why is my animation not working?

L'assistance par IA vérifie les propriétés CSS, les écouteurs d'événements et plus encore pour identifier le problème et fournir des exemples de code pour le résoudre.

DÉMONSTRATION

Vous n'avez pas de projet en cours pour tester l'aide de l'IA pour le style ? Essayez-le dans le hangar DevTools.

Trouvez les invites appropriées pour réparer les roues rectangulaires, les feux de position défectueux et le moteur qui fume afin de faire voler à nouveau l'avion DevTools.

Explorer la démo

… pour le réseau

Les en-têtes de requête et de réponse contiennent souvent des informations importantes qui ne sont pas évidentes au premier coup d'œil. Demandez à l'assistance IA de vous les expliquer: 

Does this request have any notable headers?

Vous est-il déjà arrivé d'avoir le sentiment qu'une requête prenait trop de temps, sans savoir pourquoi ? Demandez à l'assistance IA de s'en occuper:

Why is this request taking so long?

L'assistance IA examine les temps enregistrés et vous avertit si quelque chose ne va pas.

… pour les performances

Il peut être difficile de trouver la cause d'un site Web lent. Vous ne comprenez pas pourquoi vos profils de performances présentent des pics ? L'assistance par IA peut vous aider à réduire les arborescences d'appels:

Anything to improve in this call tree?

… pour les sources

Il est rare que vous ayez écrit tout le code utilisé par votre site Web. Vous ne comprenez pas pourquoi une certaine ressource est chargée et à quoi elle sert ? L'assistance optimisée par l'IA peut vous aider à:

What is this file used for?

Qu'il s'agisse d'un script d'analyse, d'un widget de réseau social ou d'une bibliothèque de tests A/B, l'assistance par IA vous aidera à le découvrir.