Screenshot con scorrimento

Uno screenshot con scorrimento acquisisce i contenuti oltre lo schermo visibile, scorrendoli e unendo i fotogrammi in una sola immagine lunga.

Related workflow terms: Screenshot di una pagina intera, Screenshot del viewport.

Screenshot con scorrimento e a pagina intera

I termini sono vicini, ma descrivono aspetti diversi. Il primo indica il metodo: lo strumento scorre il contenuto, acquisisce ogni area visibile e unisce i fotogrammi. Il secondo indica il risultato: una sola immagine che contiene la pagina dall'alto in basso.

Una pagina intera può essere ottenuta scorrendo e unendo, oppure con un motore del browser che renderizza nativamente tutto il documento senza scorrere. Uno screenshot con scorrimento, invece, usa sempre il processo di scorrimento e unione.

Dove si usa

Serve ogni volta che il contenuto supera un singolo schermo:

• Pagine web lunghe — acquisisce pagine di destinazione, articoli o pannelli che richiedono lo scorrimento.
• App mobili — registra feed, impostazioni o conversazioni scorrevoli su telefoni e tablet.
• App desktop — acquisisce fogli di calcolo, documenti o interfacce oltre la finestra visibile.
• Segnalazioni di bug — conserva il contesto completo di un problema distribuito su più schermate.
• Revisioni di design — documenta in un solo file l'intero layout di un'interfaccia scorrevole.

Come funziona

Il procedimento di base consiste nello scorrere una parte della pagina, acquisirla, scorrere di nuovo e poi unire i fotogrammi in un'immagine continua. La maggior parte degli strumenti automatizza tutto: l'utente avvia e il software gestisce scorrimento e composizione.

La difficoltà è mantenere la precisione. Intestazioni adesive, elementi mobili, animazioni e contenuti caricati in modo differito possono interferire. Gli strumenti più evoluti li rilevano e li gestiscono; alcuni evitano del tutto l'unione renderizzando la pagina intera in un browser headless, senza artefatti di scorrimento.

Errori comuni

• Ignorare intestazioni e piè di pagina adesivi. Se lo strumento non li rileva, possono comparire più volte nell'immagine unita.
• Acquisire prima del caricamento. Immagini differite o sezioni dinamiche possono restare vuote se lo scorrimento è troppo rapido.
• Usare lo scorrimento quando è disponibile la pagina intera nativa. DevTools e browser headless possono renderizzare tutto senza scorrere, evitando i difetti di unione.
• Presumere che il risultato sia perfetto al pixel. Tempi e rendering influiscono sul processo. Animazioni, stati hover o contenuti che cambiano possono creare incoerenze.