Scopri tutto quello che c'è da sapere sulla nuova UI di Ispeziona dispositivi, attiva/disattiva facilmente le classi nel riquadro degli stili ora corretto e guarda il progetto pilota di DevTools Tonight.
Vi diamo il bentornato all'ultima versione della sintesi per tutti gli utenti di Canary. Ho perso alcuni aggiornamenti a dicembre. (Ero un po' preoccupata per mia figlia appena nata.) Ecco alcune novità.
La nuova finestra di dialogo "Ispeziona dispositivi"
La documentazione (attualmente obsoleta) di debug remoto per DevTools è stata la nostra guida più popolare per molti anni di seguito, il che poteva significare solo una cosa: nessuno aveva la minima idea di come utilizzarla.
Per questo abbiamo deciso di rinnovare l'esperienza utente. Invece di aprire una pagina completamente diversa ("chrome://inspect"), l'intera funzionalità "Ispeziona dispositivi" è ora direttamente integrata in DevTools per un accesso rapido e meno cambi di contesto.
Opzioni di attivazione/disattivazione della classe nel riquadro Stile
Ora è più facile che mai attivare rapidamente una classe su un elemento per visualizzarne l'anteprima con o senza gli stili associati. Inoltre, abbiamo 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 stasera
È con grande piacere che posso annunciare un altro modo per restare al passo con ciò che accade nel mondo di Chrome DevTools: vi presento il progetto pilota di DevTools Tonight:
Nel nuovo programma che verrà serializzato con una programmazione bisettimanale, mi concentrerò sulle funzionalità più importanti in arrivo nella versione stabile di Chrome (anziché su Canary) e approfondiremo ciascuna di esse. Non dimenticare di iscriverti al canale Sviluppatori di Chrome per ricevere una notifica quando il numero 1 viene spedito e fammi sapere cosa ne pensi nei commenti su YouTube.
Il meglio del resto
- Abbiamo aggiunto un'impostazione per aprire automaticamente DevTools per i popup (finestre create di recente). Se questa opzione è abilitata, si apre automaticamente una nuova istanza di DevTools con qualsiasi finestra appena creata.
- La barra delle azioni nella parte superiore del riquadro Stile ora è fissata, 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 delle prestazioni.
- La limitazione della rete ora supporta il caricamento oltre al download, per consentirti di testare elementi come i caricamenti di file su una connessione 3G.
- Abbiamo rinnovato la descrizione comando Ispezione che si sovrappone all'elemento controllato. Ora è scuro e brillante e aggiunge più contrasto.
Come sempre, facci sapere cosa ne pensi tramite Twitter o segui i commenti riportati di seguito e invia i bug all'indirizzo crbug.com/new.
Al prossimo mese!
Paul Bakaus e il team DevTools