Scopri tutto sull'interfaccia utente rinnovata di Ispeziona dispositivi, attiva/disattiva facilmente le classi nel riquadro degli stili ora corretto e guarda la puntata pilota di DevTools Tonight.
Ti diamo il benvenuto nell'ultima edizione del nostro notiziario per tutti gli utenti di Canary. A quanto pare ho perso alcuni aggiornamenti a dicembre. (Ho avuto un po' di preoccupazioni per mia figlia appena nata.) Eccoli, insieme ad alcuni nuovissimi.
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 consecutivi, il che può significare solo una cosa: nessuno aveva la minima idea di come utilizzarla.
Così abbiamo deciso di rinnovare l'esperienza utente. Anziché dover aprire una pagina completamente diversa ("chrome://inspect"), ora tutta la funzionalità "Ispeziona dispositivi" è comodamente integrata in DevTools per un accesso rapido e meno cambi di contesto.
Attiva/disattiva nel riquadro Stile
Ora è più facile che mai attivare/disattivare rapidamente una classe su un elemento per visualizzarne l'anteprima con o senza gli stili associati. Abbiamo anche aggiunto un input per aggiungere rapidamente nuove classi, in modo da non dover modificare l'attributo. Fai clic sul nuovo pulsante .cls nel riquadro Stile per provarlo.
DevTools Tonight
È con grande piacere che posso annunciare un altro modo per rimanere al passo con le novità del mondo di Chrome DevTools: ti presento il programma pilota di DevTools Tonight:
Nel nuovo programma, che verrà pubblicato a cadenza bisettimanale, mi concentrerò sulle funzionalità più importanti che verranno introdotte in Chrome stabile (anziché in Canary) e analizzerò ciascuna in modo un po' più approfondito. Assicurati di iscriverti al canale Chrome for Developers per ricevere una notifica quando sarà disponibile la versione 1 e non esitare a condividere la tua opinione nei commenti di YouTube.
Il meglio del resto
- Abbiamo aggiunto un'impostazione per aprire automaticamente DevTools per i popup (finestre appena create). Se questa opzione è attiva, una nuova istanza di DevTools si apre automaticamente con ogni finestra appena creata.
- La barra delle azioni nella parte superiore del riquadro Stile è ora fissa, quindi puoi accedervi sempre anche se scorri verso il basso per modificare altri stili.
- Ora aumentiamo automaticamente lo zoom della cronologia in base a ciò che riteniamo effettivamente pertinente per la sessione di debug del rendimento.
- La limitazione della rete ora supporta il caricamento oltre al download, quindi puoi testare, ad esempio, i caricamenti di file su una connessione 3G.
- Abbiamo rivisto la descrizione comando di ispezione sovrapposta all'elemento ispezionato. Ora è scuro e lucido e aggiunge più contrasto.
Come sempre, facci sapere cosa ne pensi tramite Twitter o i commenti di seguito e invia i bug all'indirizzo crbug.com/new.
A presto!
Paul Bakaus e il team di DevTools