Novità di DevTools, Chrome 138

Sofia Emelianova
Sofia Emelianova
GitHub

Miglioramenti al riquadro sul rendimento

Questa versione introduce diversi miglioramenti al riquadro Rendimento.

Origini precollegate nell'approfondimento "Albero delle dipendenze di rete"

L'analisi Rendimento > Approfondimenti > Albero delle dipendenze di rete ora mostra un elenco di origini preconnesse utilizzate o inutilizzate e di eventuali candidati per il preconnessione.

Gli hint di precollegamento consentono al tuo sito di stabilire connessioni anticipate a importanti origini di terze parti e di migliorare la velocità di caricamento delle pagine.

La situazione prima e dopo l'aggiunta di origini preconnesse e candidati all'insight "Albero delle dipendenze di rete".

Per ulteriori informazioni, consulta la sezione Precollegarsi alle origini richieste.

Tempi di risposta e reindirizzamento del server nell'insight "Latenza di richiesta di download del documento"

L'approfondimento Rendimento > Approfondimenti > Tempo di latenza della richiesta del documento ora mostra il tempo di risposta del server e, se presenti, il numero o il tempo di reindirizzamento e di reindirizzamento.

La situazione prima e dopo l'aggiunta del reindirizzamento e dei tempi di risposta del server all'analisi "Tempi di latenza delle richieste di documenti".

Reindirizzamenti nel riepilogo delle richieste di rete

Il riquadro Rendimento ora mostra gli URL di reindirizzamento nel Riepilogo delle richieste di rete e nelle relative descrizioni comando.

La situazione prima e dopo l'aggiunta degli URL di reindirizzamento al riepilogo e alle descrizioni comando delle richieste di rete.

Problema di Chromium: 402353313.

Riduzione del rumore nella traccia delle prestazioni

Il riquadro Rendimento ora non mostra gli eventi della categoria compile del motore JavaScript v8. In precedenza, questi eventi causavano un sacco di overhead e rumore non necessari, in particolare l'evento compile code.

La situazione prima e dopo la rimozione degli eventi "compile code" dalla traccia del rendimento.

Se noti che alcuni eventi importanti per te non sono più disponibili, non esitare a lasciare il tuo feedback all'indirizzo crbug.com/414330508.

"Disattiva campioni di JavaScript" non più supportato

L'opzione Disattiva campioni di JavaScript in Rendimento > Impostazioni acquisizioni è stata ritirata e rimossa a causa della sua scarsa utilità e del suo scarso utilizzo.

L'immagine prima e dopo la rimozione dell'opzione "Disattiva campioni di JavaScript" da "Impostazioni di acquisizione".

Problema di Chromium: 414734883.

Parametro di precisione della geolocalizzazione in Sensori

Il riquadro Sensori ora ti consente di impostare la precisione nell'emulazione della geolocalizzazione. In questo modo, puoi testare la gestione di diversi livelli di precisione del GPS.

Prima e dopo l'aggiunta del parametro "Accuratezza" all'emulazione della geolocalizzazione nel riquadro Sensori.

Problema di Chromium: 40074843.

Miglioramenti al riquadro Elementi

Questa versione introduce diversi miglioramenti al riquadro Elementi.

Eseguire il debug di valori CSS complessi in modo più semplice

Per aiutarti a eseguire il debug di valori CSS complessi, ora la scheda Elementi > Stili mostra una descrizione comando al passaggio del mouse:

  • La catena di definizione completa delle variabili CSS, in modo da non dover fare clic su più link.
  • Una valutazione passo passo dei calcoli CSS complessi, in modo da poter identificare i bug in modo più efficiente e acquisire una conoscenza più approfondita di come viene calcolato un valore.

La descrizione comando mostra le catene di definizione in più righe, una per ogni definizione, e puoi espandere i calcoli complessi e passare il mouse sopra i valori per evidenziare e risalire dal valore calcolato alla relativa espressione iniziale.

L'immagine prima e dopo l'aggiunta di una descrizione comando con catene di definizioni e calcoli complessi espandibili.

Problema di Chromium: 396080529.

Supporto di @function in Elementi > Stili

In preparazione al supporto di @function in Chrome, la scheda Elementi > Stili ora collega i nomi delle funzioni personalizzate alle relative definizioni in una sezione dedicata.

Il prima e il dopo il collegamento del nome della funzione personalizzata alla sezione corrispondente.

Miglioramenti al riquadro Rete

Questa versione introduce diversi miglioramenti al riquadro Rete.

has-request-header filtro

Il riquadro Rete ora supporta il filtro has-request-header che ti consente di filtrare in base al nome di un'intestazione della richiesta specifica.

Lo stato prima e dopo l'aggiunta del filtro "has-request-header" al riquadro Rete.

Problema di Chromium: 397481040.

Direct Sockets nelle app web isolate

Nel riquadro Rete, ora puoi monitorare il traffico delle app web isolate (IWA) tramite TCPSocket, UDPSocket (in modalità bound) e UDPSocket (in modalità connessa).

A questo scopo, seleziona una connessione directscoket accanto alle richieste normali nella tabella e, nella scheda Messaggi, seleziona un messaggio.

L'immagine prima e dopo l'aggiunta del supporto delle socket dirette nelle IWA al riquadro Rete.

Le app web isolate (IWA) forniscono un modello di sicurezza ad alta attendibilità per le applicazioni web. Per ulteriori informazioni, consulta la guida introduttiva alle app web isolate e dai un'occhiata all'app di demo che implementa l'API Direct Sockets.

Altri punti salienti

Di seguito sono riportate alcune correzioni e alcuni miglioramenti significativi di questa release:

  • Applicazione > Memorizzazione: è stata rimossa l'opzione Web SQL deprecata (crbug.com/412707590).
  • Elementi:
  • Rete: è stata rimossa l'intestazione HTTP Referrer-Policy dall'opzione Copia come recupero perché si tratta di un'intestazione di risposta per controllare il comportamento del browser, non di un'istruzione lato client (crbug.com/413904896).
  • Prestazioni: sono stati rimossi gli avvisi relativi alle "attività lunghe" dai thread di lavoro perché non bloccano i thread principali (crbug.com/40248589).
  • Problemi. Ora i report:
    • Se sono bloccate risorse sospettate di monitorare gli utenti.
    • Mitigazioni del monitoraggio del rimbalzo, indipendentemente dal fatto che accedano o meno allo spazio di archiviazione durante un reindirizzamento.
  • Accessibilità. I seguenti elementi in Elementi > Stili ora possono essere selezionati con la tastiera:

Scaricare i canali di anteprima

Valuta la possibilità di utilizzare Chrome Canary, Dev o Beta come browser di sviluppo predefinito. Questi canali di anteprima ti consentono di accedere alle funzionalità più recenti di DevTools, di testare API di piattaforme web all'avanguardia e di trovare i problemi sul tuo sito prima che lo facciano i tuoi utenti.

Contatta il team di Chrome DevTools

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

Novità di DevTools

Un elenco di tutto ciò che è stato trattato nella serie Novità di DevTools.