Principale Google Chrome Crea uno screenshot della pagina web con il frame del dispositivo in Chrome

Crea uno screenshot della pagina web con il frame del dispositivo in Chrome



Una caratteristica meno nota di Google Chrome sui sistemi operativi desktop è la capacità di acquisire uno screenshot di una pagina aperta come se lo screenshot acquisito fosse del browser in esecuzione su un dispositivo mobile. Può persino aggiungere una cornice attorno allo screenshot in modo che sembri una foto realistica di uno smartphone. Ecco come si può fare.

C'è uno strumento speciale negli Strumenti per sviluppatori di Chrome che ti consente di emulare un dispositivo mobile. È molto utile per gli sviluppatori controllare l'aspetto dei loro siti Web su smartphone e dispositivi con schermo piccolo. Consente di specificare una dimensione dello schermo personalizzata o di utilizzare dimensioni di dispositivo predefinite come iPhone, iPad, Nexus o Samsung Galaxy. Una volta che la pagina aperta viene visualizzata nell'emulatore del dispositivo, l'utente può acquisire uno screenshot della pagina. È anche possibile abilitare una cornice del dispositivo attorno alla pagina in modo che appaia come una foto realistica.frame-in-action del dispositivo

Puoi farlo come segue.

  1. Apri la pagina desiderata in Chrome e premi F12. Questo aprirà Strumenti per sviluppatori:winaero-com-blog-firefox-drops-all-npapi-plugins-tranne-flash-iphone-6
  2. Fare clic sul pulsante dell'emulatore del dispositivo mobile per cambiare la modalità Strumenti per sviluppatori:
  3. Sotto il selettore del dispositivo, seleziona un dispositivo. Ad esempio, selezionerò iPhone 6:
  4. Ora, fai clic sul menu a 3 punti a destra del selettore del dispositivo e seleziona l'opzione 'Mostra frame dispositivo':
  5. Voilà, ora la tua pagina web viene visualizzata all'interno di una bella cornice del dispositivo:

    Ora, fai di nuovo clic sul menu dei tre punti e seleziona 'Cattura screenshot':

Il risultato sarà il seguente:

Hai fatto.

Articoli Interessanti

Scelta Del Redattore

Archivi tag: MUI language pack Windows 10
Archivi tag: MUI language pack Windows 10
Cos'è un file 3GP?
Cos'è un file 3GP?
Un file 3GP è un file multimediale 3GPP. Un file 3G2 è simile, ma con limitazioni. Ecco come aprire entrambi i file e come convertirne uno in un formato diverso.
Crea un collegamento alla cronologia dei file in Windows 10
Crea un collegamento alla cronologia dei file in Windows 10
Come creare un collegamento alla cronologia dei file in Windows 10. La cronologia dei file consente di creare un backup dei dati importanti archiviati nei documenti, nelle immagini,
Come modificare la digitazione su Telegram
Come modificare la digitazione su Telegram
Quando qualcuno ti invia un messaggio su Telegram, la scrittura predefinita è
Come capire se qualcuno ti ha bloccato su Roblox
Come capire se qualcuno ti ha bloccato su Roblox
Se non puoi inviare messaggi a un amico in Roblox, potrebbe averti bloccato per qualche motivo. Ma come funziona esattamente questa funzione e ci sono altri modi per sapere se qualcuno ti ha bloccato? In questo articolo, noi '
Come aprire un file DjVu
Come aprire un file DjVu
Se non hai mai avuto la possibilità di utilizzare i file DjVu prima e li stai incontrando solo ora, DjVu è un formato di file per l'archiviazione di documenti scansionati. Un enorme vantaggio qui, rispetto al PDF, è la maggiore compressione del formato.
Novità di Windows 10 versione 20H2
Novità di Windows 10 versione 20H2
Microsoft Windows 10 versione 20H2 è il successore dell'aggiornamento di maggio 2020 versione 2004 rilasciata a maggio 2020. Windows 10 versione 20H2 è un aggiornamento minore con una serie ridotta di miglioramenti incentrati principalmente su determinati miglioramenti delle prestazioni, funzionalità aziendali e miglioramenti della qualità. Ecco cosa c'è di nuovo in questa versione di Windows 10. La versione 20H2 sarà