Tre modi per catturare un sito così come appare su un telefono: registrare il telefono stesso, emulare un telefono nei DevTools di Chrome o renderizzare la pagina in larghezza telefono dal suo URL.
Aviral LakhanpaulAggiornato il 3 min di lettura
Carica la pagina in larghezza telefono, così il sito serve il suo vero layout mobile, poi cattura quello. Puoi registrare lo schermo di un telefono vero, emulare un telefono con la barra degli strumenti dei dispositivi dei DevTools di Chrome e registrare la finestra, oppure dare l’URL a uno strumento che legge la pagina in larghezza telefono ed esporta direttamente un video in 9:16 o 4:5. Non rimpicciolire mai una registrazione desktop: quella è una pagina desktop in piccolo, non il sito mobile.
Un sito responsive decide il layout in base alla larghezza della finestra in cui si trova. In larghezza desktop ottieni il layout desktop, qualunque sia il formato in cui ritagli il video dopo. Per avere il pulsante del menu, le colonne impilate e le aree di tocco più grandi del sito mobile, è la pagina stessa a dover essere caricata alla larghezza di un telefono. Tutto ciò che segue è un modo diverso di ottenerlo.
| Metodo | Ideale per | Attenzione a |
|---|---|---|
| Registrare lo schermo del telefono | Interazione touch vera, dispositivo vero | Barra di stato e notifiche nell’inquadratura, uno scorrimento a colpi di dito |
| Barra dei dispositivi dei DevTools di Chrome | Pagine su localhost o dietro un login | Si registra una finestra piccola, scorrimento a mano o via script |
| Renderizzare l’URL in larghezza telefono | Pagine pubbliche, uno scorrimento pulito e regolare | Non raggiunge le pagine private |
iPhone e Android hanno entrambi un registratore dello schermo integrato tra le impostazioni rapide. Cattura il dispositivo vero, ed è un pregio, e lo scorrimento, ed è il problema: il pollice dà una spinta e la pagina scivola, e ogni spinta è diversa dall’altra.
Apri i DevTools, attiva la barra degli strumenti dei dispositivi (⇧ ⌘ M su Mac, Ctrl Shift M su Windows) e scegli un telefono dall’elenco. La pagina si ricarica a quella larghezza con uno user agent di tipo touch e serve il suo layout mobile. Registra solo quel viewport con un registratore dello schermo e lascia lo scorrimento a uno script; la guida allo scorrimento automatico ne ha uno.
Prima di registrare, imposta lo zoom della barra dei dispositivi al 100%, altrimenti il registratore cattura una copia rimpicciolita e il testo perde nitidezza.
Incolla l’indirizzo nella home page e scegli Mobile, o Tablet, in cima alle impostazioni del video. La pagina viene caricata a quella larghezza sui nostri server, quindi il sito risponde con il layout che serve davvero lì, e diventano disponibili i formati adatti a un telefono: 9:16, 4:5 e 1:1.
Un video mobile, renderizzato o registrato, è solo lo schermo. Per mostrarlo dentro un iPhone o un Pixel, inserisci il video su un dispositivo in un’app di mockup o nel template di un editor video. Esporta in 9:16, così riempie lo schermo del dispositivo senza bande.
Incolla un link e guarda l’anteprima dello scorrimento gratis. 51 crediti gratuiti all’iscrizione, senza carta e senza filigrana su nulla di ciò che esporti.
Usa la barra degli strumenti dei dispositivi dei DevTools di Chrome per caricare la pagina alla larghezza di un telefono, poi registra quel viewport. Oppure incolla l’URL in uno strumento che legge la pagina in larghezza telefono ed esporta direttamente il video.
Perché la pagina è stata caricata in larghezza desktop e poi ritagliata o ridimensionata. Il layout lo sceglie la larghezza della finestra, quindi per mostrare il sito mobile la pagina va caricata in larghezza telefono.
9:16 per riempire lo schermo di un telefono, come in Reels, TikTok e storie. 4:5 per un post nel feed. 1:1 se potrebbe finire in entrambi.
Automatizza le registrazioni dei siti con movimento personalizzabile, controlli intelligenti e opzioni di esportazione pensate per i creator di oggi.
