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.

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?

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?

È 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?

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

Dai un'occhiata alle nostre demo interattive per scoprire come iniziare a utilizzare l'assistenza AI nei tuoi progetti.
Prova le correzioni di stile basate sull'IA per trasformare un aereo statico in una meraviglia in volo, assicurandoti al contempo che vengano adottate misure di sicurezza.
Riuscirai a conquistare la barra di scorrimento della morte con l'assistenza dell'IA o un team di subacquei rimarrà intrappolato per sempre in un incubo di layout?

Non sai come iniziare?

Esplora le idee per i prompt per l'assistenza dell'IA in DevTools. Fai esperimenti con le nostre demo o provale sui tuoi siti web.

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 richiestev4-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

Guarda i video che spiegano come utilizzare l'assistenza AI in DevTools per risolvere i problemi comuni di sviluppo web.
Esplorare la cronologia delle chat basate sull'AI in Chrome 133-135
Unisciti a Jecelyn, Oliver e Matthias mentre presentano l'assistenza AI in Chrome 130-132

Per iniziare

Assicurati di utilizzare la versione più recente di Chrome e di aver eseguito l'accesso. Devi avere almeno 18 anni e trovarti in una delle località supportate.
L'assistenza AI è disattivata per impostazione predefinita. Per attivarla, vai alla sezione Impostazioni > Assistenza AI. Per poter utilizzare l'assistenza AI, devi accettare i Termini di servizio di Google.
È possibile utilizzare un criterio Enterprise per controllare se i dati condivisi con Gemini vengono registrati e utilizzati per l'addestramento

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.