Pannelli nascosti

Il numero di device attualmente in commercio cresce sempre di più. Potrebbe tornarti utile averli sotto mano per testare la versione responsive del tuo sito su quelli più importanti. A meno che tu non li abbia acquistati tutti, Chrome ci viene incontro con un emulatore integrato nel debug tool.

Step by step

I passi da seguire sono davvero pochi e semplici.

debugtool

  1. Attivate lo strumento per sviluppatori.
  2. Una volta attivo, clicca su “Settings”, l’icona a forma di ingranaggio sulla parte destra del pannello.
  3. Si apriranno le impostazioni del debug tool, a sinistra clicca sulla voce “Override” e poi attiva l’opzione “Show ‘Emulation’ view in console drawer”.
  4. Chiudi le impostazioni, e clicca sempre nella parte di destra del pannello sulla voce “Show Drawer” affianco a quella delle impostazioni.
  5. Si aprirà in basso un altro pannello con 3 tab, uno di questi è “Emulation”. Seleziona il device e clicca su “Emulate”.
  • Gabriele D’Amato

    Grazie. Non ero a conoscenza di questa possibilità. Per alcuni test veloci potrebbe tornare molto utile.

    • laboratorioCSS

      Si è molto comodo!

  • aldo

    Grazie per la dritta!! utilissima!! e complimenti per il Laboratorio, finalmente una fonte italiana con articoli di livello!

    • Stefano Vollono

      Ciao Aldo, grazie mille!

Search
Tags
Seleziona rubrica
Seleziona rubrica
Codice Github