Chrome DevTools – parte 3

Titolo: Chrome DevTools – parte 3
Sezione: web
Data: 19.10.2018

Proseguiamo con la terza parte sui suggerimenti su come utilizzare al meglio  Chrome DevTools :

Modalità dispositivo
DevTools include una potente modalità per lo sviluppo di pagine ottimizzate per dispositivi mobili. Questo video di Google illustra la maggior parte delle sue funzioni principali come : ridimensionamento dello schermo, emulazione del tocco e simulatore di connessioni di rete .

Sensori di emulazione del dispositivo
Un’altra interessante funzionalità  è l’opzione per simulare i sensori dei dispositivi mobili come touch screen e accelerometri.  La funzione si trova nella parte inferiore della scheda Elementi in Emulazione -> Sensori.

Color Picker
Quando selezioni un colore nell’editor Stili puoi fare clic sull’anteprima del colore e comparirà un selettore. Mentre il selettore di colori è aperto, se passi il mouse sopra la pagina, il puntatore del mouse si trasformerà in una lente di ingrandimento per la selezione dei colori con precisione al livello di pixel.