
Assistenza dell'IA
Potenzia il tuo flusso di lavoro di sviluppo con Gemini integrato direttamente in Chrome DevTools. Semplifica il debug con l'assistenza dell'IA per stili, prestazioni, rete e origini.
Correggere i bug di stile
I problemi di stile possono essere difficili da risolvere. Visualizza una spiegazione dettagliata degli stili dell'elemento e ricevi assistenza per correggere i bug di layout e stile:
Can you center this element?
Analizzare le richieste di rete
Le intestazioni di richiesta e risposta spesso contengono informazioni importanti non immediatamente evidenti. Usa l'assistenza dell'IA per approfondire:
Why does this request fail?
Informazioni sui file di origine
È raro che tu abbia scritto tutto il codice del tuo sito web. Non sai a cosa serve un determinato script? L'assistenza AI può aiutarti a:
What is this file used for?
Esaminare il rendimento della pagina
Segnali web essenziali scadenti? Trovare la causa principale di un sito web lento può essere difficile. L'assistenza IA può esaminare il problema e proporti soluzioni:
Help me optimize my LCP score

Ricevi assistenza con l'IA ovunque ti trovi
Cerca il pulsante Chiedi all'AI per ricevere assistenza da Gemini per la tua attività in corso.
Demo
Hangar
Overflow
Non sai come iniziare?
Correggere le proporzioni di un'immagine
Make all teaser images always be 16:9
Una delle immagini non è ritagliata come le altre?
- Apri la pagina chrome.dev/cinemai/devtools/ e apri DevTools.
- Individua e seleziona la sezione Scopri di più guardando.
- Fai clic sull'icona di assistenza AI.
- Prompt:
Make all teaser images always be 16:9
. - Fai clic su
Apply the suggested change
e continua. - Il pulsante deve essere centrato.
Risolvere un problema di overflow
How can I make this element visible?
L'elemento non è visibile?
- Apri la pagina chrome.dev/cinemai/devtools/ e apri DevTools.
- Trova un elemento img di un subacqueo.
- Fai clic sull'icona di assistenza AI.
- Prompt:
How can I make this element visible without scrollbars?
. - Fai clic su
Apply the suggested change
e continua. - Il subacqueo deve essere visibile sullo schermo.
Informazioni sulle intestazioni
Are there any security headers present?
Per scoprire di più sulle intestazioni di sicurezza di una determinata risorsa…
- Apri la pagina chrome.dev/cinemai/devtools/ e apri DevTools.
- Nel riquadro Rete, seleziona le richieste
v4-chrome.dev.js
. - Fai clic sull'icona di assistenza AI.
- Prompt:
Are there any security headers present?
- L'LLM spiegherà le intestazioni relative alla sicurezza nella risorsa.
Approfondimenti
Cronologia chat AI persistente in Chrome 133-135
Novità di DevTools 130-132
Per iniziare
Requisiti
Attiva
Dati
Aiutaci a migliorare.
Questa funzionalità è sperimentale e soggetta a modifiche future. Potrebbe generare informazioni offensive o imprecise che non rappresentano le opinioni di Google. Vota le risposte per aiutarci a migliorare e continua a inviarci feedback.