Scopri tutto sulla UI rinnovata di Esamina dispositivi, attiva facilmente le classi nel riquadro degli stili ora corretto e guarda il progetto pilota di DevTools stanotte.
Vi diamo il bentornato all'ultima edizione della sintesi per tutti gli utenti canary. A quanto pare ho perso alcuni aggiornamenti a dicembre. (Mi preoccupa un po' la mia figlia neonata.) Ecco delle novità.
La nuova finestra di dialogo "Ispeziona dispositivi"
La documentazione (attualmente obsoleta) sul debug remoto per DevTools è stata la nostra guida più popolare per molti anni di seguito, il che significava solo una cosa: nessuno aveva idea di come utilizzarla.
Per questo abbiamo deciso di rinnovare la UX. Invece di dover aprire una pagina completamente diversa ("chrome://inspect"), tutti i pulsanti "Ispeziona dispositivi" sono ora comodamente integrati in DevTools per un accesso rapido e meno cambi di contesto.
Attivazione/disattivazione dei corsi nel riquadro Stile
Ora è più facile che mai attivare rapidamente un elemento per una classe per visualizzarne l'anteprima con o senza gli stili associati. Abbiamo anche aggiunto un input per aggiungere rapidamente nuovi corsi in modo da non dover modificare l'attributo. Fai clic sul nuovo pulsante .cls nel riquadro Stile per provarlo.
DevTools stanotte
È con grande piacere che posso annunciare un altro modo per stare al passo con ciò che accade nel mondo di Chrome DevTools. Ti presenterò il progetto pilota di DevTools stanotte:
Nel nuovo programma, che sarà serializzato ogni due settimane, mi concentrerò sulle funzionalità più importanti che saranno disponibili nella versione stabile di Chrome (anziché su Canary) e approfondiremo ciascuna. Assicurati di iscriverti al canale Chrome Developers per ricevere una notifica quando verrà spedito il numero 1 e fammi sapere cosa ne pensi nei commenti di YouTube.
Il meglio del resto
- Abbiamo aggiunto un'impostazione per aprire automaticamente DevTools per i popup (finestre appena create). Se l'opzione è abilitata, si apre automaticamente una nuova istanza di DevTools in ogni finestra appena creata.
- La barra delle azioni nella parte superiore del riquadro Stile è ora fissa, quindi puoi sempre accedervi anche se scorri verso il basso per modificare altri stili.
- Ora eseguiamo lo zoom automatico della sequenza temporale su ciò che riteniamo sia effettivamente pertinente alla sessione di debug del rendimento.
- La limitazione della rete ora supporta il caricamento, oltre al download, in modo da poter testare cose come i caricamenti di file con una connessione 3G.
- Abbiamo rinnovato la descrizione comando Ispeziona che sovrappone l'elemento ispezionato. Ora è scuro e brillante e aggiunge più contrasto.
Come sempre, facci sapere cosa ne pensi tramite Twitter o nei commenti qui sotto e invia i bug a crbug.com/new.
Al prossimo mese!
Paul Bakaus e il team DevTools