Acquisisci screenshot dello scorrimento di una pagina Web a grandezza naturale in Chrome
Il browser Google Chrome offre due modi per acquisire schermate a grandezza naturale delle pagine web. Questo può essere necessario o utile per molti lavoratori del web, siano essi sviluppatori, designer, editori, manager, scrittori, analisti o qualsiasi altro possibile programma basato sul web.
Gli approcci che tratteremo per acquisire schermate a grandezza naturale di pagine Web con Chrome richiedono la versione completa di Chrome per qualsiasi dispositivo a livello desktop, inclusi Mac, Windows, Linux e Chromebook. Non sono richiesti plug-in poiché utilizzeremo gli strumenti di sviluppo integrati di Chrome.
Tieni presente che qui copriamo il browser Chrome per desktop. Puoi anche acquisire schermate complete con Firefox, Safari su Mac e Safari per iPhone e iPad se ne hai bisogno o preferisci.
Come acquisire screenshot a scorrimento a grandezza naturale in Chrome
Pronto a fare uno screenshot a grandezza naturale di una pagina web in Chrome? Ecco cosa devi fare:
- Apri gli strumenti per sviluppatori di Chrome (Visualizza > Sviluppatore > Strumenti per sviluppatori)
- Fai clic sul pulsante Responsive Design Module nel cassetto degli strumenti per sviluppatori
- Scorri verso il basso l’intera pagina Web in modo che tutte le immagini vengano caricate (questo è importante per acquisire immagini a caricamento lento, una tecnica comune utilizzata per velocizzare le pagine Web)*
- Fai clic sui tre punti verticali nell’angolo in alto a destra dello strumento Responsive Design e scegli “Cattura screenshot a grandezza naturale”
- Lo screenshot a grandezza naturale verrà visualizzato nella cartella dei download predefinita di Chrome
Sul tuo Mac, troverai uno screenshot a grandezza naturale della pagina web disponibile in Download utente, a meno che tu non l’abbia modificato manualmente.
Le dimensioni dello screenshot acquisito varieranno a seconda del dispositivo che hai scelto in modalità reattiva, ad esempio se hai scelto iPad Air e hai acquisito uno screenshot a scorrimento a grandezza naturale della home page di osxdaily.com. lo screenshot può essere di circa 2084 × 16439 pixel. Ovviamente, più lunga è una pagina o
* Se non scorri un’intera pagina web, nessuna immagine caricata lentamente verrà catturata dallo screenshot, rendendo lo screenshot dell’intera pagina incompleto e non rappresentativo di ciò che un utente vede sulla pagina.
Cattura schermate a pagina intera in Chrome tramite console
Un altro modo per acquisire screenshot a pagina intera in Chrome è utilizzare il comando “Esegui” nella console per sviluppatori e digitare “screenshot”, quindi scegliere “Cattura screenshot a dimensione intera” dalle opzioni visualizzate. Assicurati di esaminare l’intera pagina web prima* di farlo.
Questa potrebbe essere un’opzione migliore per alcuni utenti, ma è un po’ più complessa per coloro che hanno meno familiarità con le righe di comando.
Questi metodi per Chrome sono più semplici di quelli disponibili in Safari per Mac con Strumenti per sviluppatori? O il metodo semplicissimo per acquisire schermate complete di pagine Web su Mac con Firefox? O il modo ancora più semplice per acquisire schermate complete utilizzando il tuo iPhone o iPad? Sta a te decidere, e probabilmente dipende anche dal browser che usi di più e dalla tua competenza con ciascuno di essi.
