Scopri come DevTools ti consente di digitare meno con il completamento automatico della console più intelligente, come modificare le regole @keyframe direttamente nel riquadro Stili, come divertirti con le variabili CSS personalizzate e come passare al lato oscuro.
Un completamento automatico più intelligente nella console
Se sei come me e molti altri, digiti un comando nella console per eseguire il debug dell'app, noti che non funziona, esegui l'iterazione e lo digiti di nuovo, e ancora e ancora. Per aiutarti, ora completiamo automaticamente le istruzioni complete che hai digitato in precedenza, come segue:
Modificare direttamente le regole @keyframe nel riquadro Stili
Quando abbiamo introdotto l'ispettore delle animazioni e l'editor delle curve di transizione in DevTools, erano limitati alle transizioni perché non abbiamo mai mostrato animazioni CSS basate su @keyframe nel riquadro Stile. Sono felice di annunciare che questo non è più un problema, quindi divertiti. Dai un'occhiata al nostro tweet con video per un'anteprima.
Supporto delle proprietà CSS personalizzate
Il CSS sta per ricevere molte novità, tra cui le variabili personalizzate, che verranno lanciate in Chrome 49. Abbiamo fatto in modo di includere il supporto completo in DevTools, quindi se hai già utilizzato le variabili in Sass, prova quelle native, in quanto ti consentono di modificare le proprietà al volo nel riquadro Stili e di aggiornare immediatamente gli elementi dipendenti.
Un tema scuro per DevTools
Abbiamo finalmente ceduto a una richiesta che ci è stata fatta decine di volte negli ultimi due anni: ora puoi scegliere il lato oscuro in DevTools. Vai alle impostazioni di DevTools, imposta il tema su scuro e goditi la visualizzazione. Direi che è ancora in versione beta perché gran parte è generata automaticamente, quindi se noti aree che potrebbero essere migliorate, non esitare a comunicarcelo.
Il meglio del resto
- Il riquadro della console ora si comprime automaticamente quando fai clic sulla scheda completa della console.
- La struttura ad albero dei file in Origini è stata sottoposta a una revisione con nuove icone e una nuova funzionalità di raggruppamento
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