Esplora i casi d'uso dell'assistenza AI in Chrome DevTools e scopri in che modo può supportare il tuo flusso di lavoro di debug per stili, prestazioni e altro ancora.

Leggi la documentazione

… per lo styling

Ricevi una spiegazione dettagliata del layout dell'elemento e su come modificarlo con prompt come questo:

How is this element laid out?

Si tratta di un elemento flessibile? È posizionato in modo assoluto? Fa parte di una griglia? L'assistenza dell'IA può riepilogare il layout delle strutture ad albero di elementi e fornire esempi di codice per dimostrare come modificarle.

Hai un'animazione che non funziona? Chiedi assistenza all'IA in merito all'elemento animato:

Why is my animation not working?

L'assistenza AI controllerà le proprietà CSS pertinenti, gli ascoltatori di eventi e altro ancora per scoprire cosa potrebbe non andare e fornire esempi di codice per risolvere il problema.

DEMO

Non hai un progetto a portata di mano per mettere alla prova l'assistenza dell'IA per lo stile? Provalo nell'hangar di DevTools.

Trova i prompt giusti per riparare le ruote rettangolari, le luci di posizione rotte e un motore fumoso per far volare di nuovo l'aereo di DevTools.

Esplora la demo

… per la rete

Le intestazioni di richiesta e risposta spesso contengono informazioni importanti non immediatamente evidenti. Chiedi all'assistenza AI di spiegartelo: 

Does this request have any notable headers?

Hai mai avuto la sensazione che una determinata richiesta impieghi troppo tempo, ma non sai bene perché? Chiedi all'assistenza AI di esaminare la questione per te:

Why is this request taking so long?

L'assistenza AI esamina i tempi registrati e ti informa se c'è qualcosa che non va.

… per il rendimento

Trovare la causa principale di un sito web lento può essere difficile. Non riesci a comprendere i picchi nei tuoi profili sul rendimento? L'assistenza AI può semplificare le strutture di chiamata:

Anything to improve in this call tree?

… per le fonti

È raro che tu abbia scritto tutto il codice utilizzato dal tuo sito web. Non riesci a capire perché viene caricata una determinata risorsa e a cosa serve? L'assistenza basata sull'IA può aiutarti a:

What is this file used for?

Non importa che si tratti di uno script di analisi, di un widget social o di una libreria di test A/B: l'assistenza AI lo scoprirà.