Il browser Google Chrome offre due modi per acquisire schermate di pagine Web a grandezza naturale. Questo può essere necessario o utile per molti lavoratori del Web, siano essi sviluppatori, designer, redattori, manager, scrittori, analisti o praticamente qualsiasi altro possibile lavoro basato sul Web.

Gli approcci che tratteremo per acquisire schermate di pagine web a grandezza naturale con Chrome richiedono la versione completa di Chrome per qualsiasi dispositivo di livello desktop, inclusi Mac, Windows, Linux e Chromebook.Non sono richiesti plug-in, poiché utilizzeremo gli strumenti di sviluppo integrati con Chrome.

nota che stiamo trattando il browser Chrome qui per desktop. Puoi anche acquisire screenshot a pagina intera con Firefox, Safari su Mac e Safari per iPhone e iPad, se necessario o preferisci.

Come acquisire schermate a scorrimento a grandezza naturale in Chrome

Pronto a catturare uno screenshot a grandezza naturale di una pagina web in Chrome? Ecco cosa fare:

1. Apri gli strumenti per sviluppatori di Chrome (Visualizza > Sviluppatore > Strumenti per sviluppatori)



2. Fai clic sul pulsante Responsive Design Mode nel cassetto degli strumenti per sviluppatori



3. Scorri verso il basso l'intera pagina web in modo che vengano caricate tutte le immagini (questo è importante per acquisire immagini a caricamento lento, una tecnica comune utilizzata per velocizzare le pagine web)
4. Fai clic sui tre punti verticali nell'angolo in alto a destra dello strumento Responsive Design e scegli "Cattura screenshot a dimensione intera"



5. Lo screenshot a dimensione intera verrà visualizzato nella cartella predefinita dei download di Chrome

Su Mac troverai lo screenshot a grandezza naturale della pagina web disponibile in Download utente, a meno che tu non l'abbia modificato manualmente.

Le dimensioni dello screenshot catturato variano a seconda del dispositivo che hai scelto in modalità reattiva, ad esempio se hai scelto iPad Air e hai acquisito uno screenshot scorrevole a grandezza naturale della home page di osxdaily.com, il tuo screenshot potrebbe essere circa 2084 × 16439 pixel. Ovviamente lo stile più lungo è una pagina o

Se non scorri un'intera pagina web, eventuali immagini caricate in modo pigro non verranno catturate dallo screenshot, rendendo lo screenshot dell'intera pagina incompleto e non rappresentativo di ciò che un utente vede sulla pagina.

Acquisizione di schermate a pagina intera in Chrome tramite console

Un altro modo per acquisire screenshot a pagina intera in Chrome è utilizzare il comando "Esegui" della console per sviluppatori e digitare "screenshot", quindi scegliere "Cattura screenshot a dimensione intera" dalle opzioni visualizzate. Assicurati di scorrere l'intera pagina web prima di eseguire anche questa operazione.

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 di pagine Web complete sul Mac con Firefox? O il modo ancora più semplice di acquisire schermate a pagina intera utilizzando iPhone o iPad? Sta a te decidere, e probabilmente dipende anche dal browser che usi più spesso e dalla tua competenza con ciascuno di essi.