Ontdek gebruiksscenario's voor AI-ondersteuning in Chrome DevTools en ontdek hoe dit uw foutopsporingsworkflow kan ondersteunen op het gebied van stijl, prestaties en meer.

Documenten lezen

… voor styling

Krijg een gedetailleerde uitleg over de lay-out van uw element en hoe u deze kunt wijzigen met aanwijzingen als deze:

How is this element laid out?

Is het een flexartikel? Is het absoluut gepositioneerd? Maakt het deel uit van een raster? AI-assistentie kan de lay-out van elementbomen samenvatten en codevoorbeelden bieden om te demonstreren hoe deze kunnen worden gewijzigd.

Heeft u een animatie die niet werkt? Vraag AI-hulp over uw geanimeerde element:

Why is my animation not working?

AI-assistentie controleert relevante CSS-eigenschappen, gebeurtenislisteners en meer om erachter te komen wat er mogelijk mis is en geeft codevoorbeelden om het probleem op te lossen.

DEMO

Geen project voorhanden om AI-assistentie voor styling op de proef te stellen? Probeer het in de DevTools Hangar!

Vind de juiste aanwijzingen om rechthoekige wielen, kapotte positielichten en een rokende motor te repareren om het DevTools-vliegtuig weer te laten vliegen.

Verken de demo

… voor netwerk

Request- en response-headers bevatten vaak belangrijke informatie die niet in één oogopslag duidelijk is. Vraag AI-hulp om ze uit te leggen: 

Does this request have any notable headers?

Heeft u ooit het gevoel gehad dat een bepaald verzoek gewoon te lang duurt, maar weet u niet precies waarom? Vraag AI-assistentie om het voor u uit te zoeken:

Why is this request taking so long?

AI-assistentie onderzoekt opgenomen tijdstippen en laat u weten of er iets niet klopt.

… voor prestaties

Het kan lastig zijn om de oorzaak van een trage website te vinden. Kunt u niet achter pieken in uw prestatieprofielen komen? AI-hulp kan oproepbomen voor u samenvatten:

Anything to improve in this call tree?

… voor bronnen

Het komt zelden voor dat u alle code heeft geschreven die uw website gebruikt. Kunt u niet begrijpen waarom een ​​bepaalde bron wordt geladen en waarvoor deze wordt gebruikt? AI-hulp kan helpen:

What is this file used for?

Het maakt niet uit of het een analysescript, een sociale widget of een A/B-testbibliotheek is: AI-assistentie zal ingrijpen en erachter komen.