Ti diamo il benvenuto nella prima puntata delle note di rilascio di DevTools. Da questo momento in poi, la prima volta che apri una nuova versione di Chrome, DevTools apre il riquadro Novità con un link alle note di rilascio della versione in questione.
In evidenza
- Il riquadro Spostamenti è stato rinominato riquadro Rendimento.
- Il riquadro Profili è stato rinominato Riquadro Memoria.
- I valori dei cookie ora sono modificabili.
- DevTools ora si mette automaticamente in pausa prima degli errori di esaurimento della memoria.
Nuove funzionalità
Cookie modificabili
Fai doppio clic su una cella nella scheda Cookie per modificarne il valore.
Grazie a kdzwinel per il contributo.
Variabili CSS ispezionabili e modificabili nel riquadro Stili
Ora puoi ispezionare e modificare le variabili CSS nel riquadro Stili. Consulta la demo delle variabili CSS per provare tu stesso.
Punti di interruzione di esaurimento memoria
Quando un'app alloca molta memoria in un breve periodo di tempo, ora DevTools mette in pausa e aumenta automaticamente il limite dell'heap. In questo modo puoi ispezionare l'heap, eseguire comandi sulla console per liberare memoria e continuare a eseguire il debug del problema. Per ulteriori informazioni, consulta One Small Step For Chrome, One Giant Heap For V8.
Punti di interruzione durante la creazione della tela
Ora puoi creare breakpoint degli ascoltatori di eventi che vengono attivati ogni volta che viene creato un nuovo contesto della tela.
Statistiche sull'ora di inizio nella scheda Tempi
Nella parte superiore della scheda Tempi, ora puoi vedere quando è stata messa in coda e avviata una richiesta.
Statistiche del server nella scheda Tempi
Ora puoi inserire statistiche del server personalizzate nella scheda Tempi. Per un esempio, consulta la demo dei valori di temporizzazione del server.
Grazie a sroussey per il contributo.
Modifiche
Il riquadro Spostamenti è ora il riquadro Prestazioni
Il riquadro Spostamenti è stato rinominato Riquadro Rendimento per riflettere meglio la sua finalità.
Il riquadro Profili ora è il riquadro Memoria
Il riquadro Profili è stato rinominato Riquadro Memoria per riflettere meglio la sua finalità.
Lo strumento di analisi delle prestazioni della CPU è dietro un riquadro nascosto
Ora che il riquadro Profili si chiama riquadro Memoria, non ha più molto senso avere il profiler della CPU in quel riquadro. Inoltre, l'obiettivo a lungo termine è ottenere il profilo di tutti gli utenti dal riquadro Rendimento. Nel frattempo, puoi comunque accedere al vecchio profiler della CPU da Impostazioni > Altri strumenti > Profiler JavaScript.
Consulta Chrome DevTools: profilazione della CPU di JavaScript in Chrome 58 per scoprire come eseguire il profiling della CPU nel riquadro Prestazioni.
Nuova interfaccia utente della console
Il riquadro e il riquadro laterale della console hanno subito alcune modifiche all'interfaccia utente. Alcune funzionalità poco apprezzate sono state spostate in posizioni più nascoste, mentre quelle più apprezzate sono ora più accessibili.
- Fai clic su Impostazioni della console
per accedere alle impostazioni per personalizzare il comportamento della console. - L'opzione Conserva log è ora nascosta in Impostazioni console.
- Il pulsante e il riquadro Filtri non sono più disponibili. Utilizza il menu a discesa.
- La casella di testo per filtrare i log viene ora sempre visualizzata. In precedenza era nascosta nel riquadro Filtri.
- La casella di testo per i filtri accetta automaticamente le espressioni regolari, pertanto la casella di controllo Espressione regolare non è più disponibile.
- La casella di controllo Nascondi violazioni non è più visibile. Imposta il menu a discesa del livello di logging su Dettagliata per visualizzare le violazioni.
- La disattivazione della casella di controllo Mostra tutti i messaggi nella vecchia UI è equivalente alla selezione della casella di controllo Solo contesto selezionato in Impostazioni console nella nuova UI.
I punti di interruzione dei listener di eventi WebGL sono stati spostati
I breakpoint dei listener di eventi di WebGL sono stati spostati dalla categoria WebGL alla categoria Canvas. La categoria WebGL è stata rimossa.