Novità di DevTools, Chrome 142

Matthias Rohmer

Suggerimenti per il codice da Gemini

Ora puoi ricevere suggerimenti di digitazione predittiva generati dall'AI nei riquadri Console e Origini.

Funzionalità di suggerimento di codice nei riquadri Console e Origini

Per attivare questa funzionalità, vai a Impostazioni > Innovazioni dell'AI e attiva/disattiva Suggerimenti per il codice.

Miglioramenti per il server MCP di DevTools

Dal lancio dell'anteprima pubblica del server MCP DevTools con la versione 0.2.1, abbiamo apportato vari miglioramenti grazie ai contributi della community e rilasciato la versione 0.9.0.

  • Il supporto di Node.js è stato esteso fino a Node.js 20.
  • Le richieste di rete e i messaggi della console possono essere paginati per risparmiare token e filtrati in base al tipo di richiesta (ad esempio script, fogli di stile, immagini) e al tipo di messaggio (log, avviso, errore).
  • Gli screenshot possono essere inviati a un percorso specifico e in vari formati.
  • Le categorie di strumenti configurabili ti consentono di organizzare le funzionalità esposte, riducendo il rumore non necessario.
  • Ora puoi passare gli argomenti di avvio all'istanza di Chrome utilizzata dal server MCP.

Consulta il changelog pubblico su GitHub per l'elenco completo delle modifiche e delle correzioni di bug e scopri di più sul server MCP di DevTools nel post del blog dell'annuncio.

Accesso più rapido all'assistenza dell'AI

Ora DevTools include più link che aprono l'assistenza AI. La voce di menu contestuale Chiedi all'AI è stata rinominata Debug con l'AI e modificata con azioni dirette che l'AI può aiutarti a svolgere in base al contesto.

Con il nuovo pulsante aggiuntivo nell'angolo in alto a destra di DevTools, puoi aprire l'assistenza AI da qualsiasi punto di DevTools.

I nuovi punti di accesso all'assistenza AI in DevTools

Esegui il debug dell'intera traccia del rendimento con Gemini

Dopo aver registrato una traccia nel riquadro Rendimento, ora puoi chattare con Gemini dell'intera traccia, delle informazioni sul rendimento correlate e dei dati di campo senza selezionare in anticipo un contesto specifico, tutto all'interno della stessa conversazione. In questo modo puoi esaminare i problemi di rendimento in modo più olistico prima di approfondire.

Dopo aver identificato un potenziale problema con l'aiuto di Gemini, puoi selezionare facilmente un elemento di contesto più specifico, come un evento di traccia o un insight sulle prestazioni, per un'ispezione più approfondita e continuare la stessa chat.

Allo stesso modo, tutti gli approfondimenti in Rendimento > Approfondimenti sono ora disponibili per essere discussi con Gemini.

Attiva/disattiva orientamento del riquadro a scomparsa

Ora è possibile spostare anche il riquadro lateralmente. In questo modo puoi visualizzare i riquadri uno accanto all'altro anziché impilati. Fai clic con il tasto destro del mouse sul nome di un riquadro nella barra delle schede principale e seleziona Sposta nel riquadro per spostare il riquadro selezionato nel riquadro.

Aggiungi altri riquadri al riquadro a scomparsa da ⋮ > Altri strumenti.

Nuovo pulsante nel riquadro a scomparsa per modificare l'orientamento

Google Developer Program

Il Google Developer Program è ora integrato in DevTools, con link diretti per la gestione del profilo e nuovi badge da ottenere.

Controlli per il profilo sviluppatore Google nelle impostazioni di DevTools

I badge sono una funzionalità attivabile. Per attivare i badge, vai a Impostazioni > Preferenze > Account e attiva l'opzione Ottieni badge.

Punti salienti vari

Di seguito sono riportate alcune delle numerose correzioni e miglioramenti degni di nota in questa release:

  • Il riquadro Applicazione ora supporta l'ispezione dello spazio di archiviazione per tutti i tipi di worker, inclusi service worker, shared worker e dedicated worker.
  • :target-current viene ora visualizzato nel riquadro Stili.
  • Il riquadro Rete ora può filtrare le richieste in base a un nuovo valore booleano Is ad-related.

Scaricare i canali in anteprima

Prendi in considerazione l'utilizzo di Chrome Canary, Dev o Beta come browser di sviluppo predefinito. Questi canali di anteprima ti consentono di accedere alle funzionalità più recenti di DevTools, testare le API della piattaforma web all'avanguardia e trovare problemi sul tuo sito prima che lo facciano i tuoi utenti.

Contatta il team di Chrome DevTools

Utilizza le seguenti opzioni per discutere delle nuove funzionalità, degli aggiornamenti o di qualsiasi altro argomento relativo a DevTools.

Novità di DevTools

Un elenco di tutti gli argomenti trattati nella serie Novità di DevTools.