Ti diamo il benvenuto nella prima parte delle note di rilascio di DevTools. D'ora in poi, la prima volta che apri una nuova versione di Chrome, DevTools apre il riquadro a scomparsa Novità con un link alle note di rilascio per quella versione.
In evidenza
- Il riquadro della sequenza temporale è stato rinominato Rendimento.
- Il riquadro Profili è stato rinominato nel riquadro Memoria.
- Ora i valori dei cookie sono modificabili.
- DevTools ora viene messo in pausa automaticamente prima degli errori di esaurimento della memoria.
Nuove funzionalità
Cookie modificabili
Fai doppio clic su una cella della scheda Cookie per modificare quel valore.
Grazie a kdzwinel per il contributo.
Variabili CSS ispezionabili e modificabili nel riquadro Stili
Ora puoi esaminare e modificare le variabili CSS nel riquadro Stili. Vedi la demo sulle variabili CSS per provarla in autonomia.
Punti di interruzione esauriti
Quando un'app alloca molta memoria in un breve periodo di tempo, DevTools ora mette automaticamente in pausa e aumenta il limite di heap. Ciò ti consente di ispezionare l'heap, eseguire comandi sulla console per liberare memoria e continuare a eseguire il debug del problema. Per ulteriori informazioni, consulta la sezione Un piccolo passaggio per Chrome, un enorme heap per V8.
Punti di interruzione nella creazione del canvas
Ora puoi creare punti di interruzione del listener di eventi che vengono attivati ogni volta che viene creato un nuovo contesto del canvas.
Statistiche sull'ora di inizio nella scheda Tempi
Nella parte superiore della scheda Tempi, puoi ora vedere quando una richiesta è stata messa in coda e avviata.
Statistiche server nella scheda Tempi
Ora puoi inserire statistiche personalizzate sul server nella scheda Tempi. Vedi Demo dei valori di tempo del server per un esempio.
Grazie a sroussey per il contributo.
Modifiche
Il riquadro della sequenza temporale è ora quello delle prestazioni.
Il riquadro della sequenza temporale è stato rinominato in riquadro Rendimento per rifletterne meglio lo scopo.
Il riquadro Profili ora è il riquadro Memoria
Il riquadro Profili è stato rinominato in riquadro Memoria per rifletterne meglio lo scopo.
CPU Profiler si trova dietro un riquadro nascosto
Ora che il riquadro Profili si chiama riquadro Memoria, non ha più senso inserire il profiler della CPU in quel riquadro. Inoltre, l'obiettivo a lungo termine è far profilare tutti gli utenti dal riquadro Rendimento. Nel frattempo, puoi ancora accedere al vecchio profiler CPU da Impostazioni > Altri strumenti > Profilo JavaScript.
Consulta Chrome DevTools: profilazione della CPU JavaScript in Chrome 58 per scoprire come profilare la CPU nel riquadro Prestazioni.
Nuova UI della console
Il riquadro della console e il riquadro a scomparsa hanno subito alcune modifiche all'interfaccia utente. Alcune funzionalità impopolari sono state spostate in posizioni nascoste e quelle più utilizzate ora sono più facilmente accessibili.
- Fai clic su Impostazioni console
per accedere alle impostazioni che consentono di personalizzare il comportamento della console. - Ora l'opzione Mantieni log è nascosta nelle Impostazioni della console.
- Il pulsante e il riquadro Filtri non sono più disponibili. Utilizza invece il menu a discesa.
- La casella di testo per filtrare i log ora è sempre visualizzata. In precedenza era nascosta nel riquadro Filtri.
- La casella di testo del filtro accetta automaticamente le espressioni regolari, quindi la casella di controllo regex non è più disponibile.
- La casella di controllo Nascondi violazioni non è più disponibile. Imposta il menu a discesa del livello di logging su Dettagliato per visualizzare le violazioni.
- Deselezionare la casella di controllo Mostra tutti i messaggi nella UI precedente equivale a selezionare la casella di controllo Solo contesto selezionato in Impostazioni console nella nuova interfaccia utente.
I punti di interruzione del listener di eventi WebGL sono stati spostati
I punti di interruzione dei listener di eventi WebGL sono stati spostati dalla categoria WebGL alla categoria Canvas. La categoria WebGL è stata rimossa.