IT

Come mostrare un sito mobile a un cliente dal tuo Mac

Quattro modi per vedere un sito mobile su Mac e registrarlo per un cliente: modalità responsive, Simulator di Xcode, Duplicazione iPhone e QuickTime con il cavo.

Nicolas Ricardi6 min di lettura

In breve

  • Le modalità responsive di Safari e Chrome sono la via più rapida, ma simulano un telefono solo in modo approssimativo.
  • Simulator di Xcode fa girare iOS sul tuo Mac e mostra la pagina in modo molto più vicino a un iPhone vero.
  • Duplicazione iPhone mostra il tuo iPhone vero in una finestra del Mac, da macOS 15 in poi, ma Apple dice che non è disponibile nell'UE.
  • QuickTime con il cavo mostra in diretta sul Mac lo schermo del tuo iPhone vero mentre usi il telefono con le mani: l'opzione più realistica.
  • Qualunque scegli, registra solo quella finestra e spiega a voce cosa cambia su mobile.

Per vedere un sito mobile sul Mac hai quattro opzioni: la modalità responsive del browser, il Simulator di iPhone in Xcode, Duplicazione iPhone o il tuo iPhone vero collegato con un cavo e mostrato tramite QuickTime. La modalità responsive è la più rapida; QuickTime con il cavo è la più realistica. Scegli in base a quanto il cliente ha bisogno di vedere un telefono vero, poi registra quella finestra.

I clienti giudicano un sito dal loro telefono. Se mostri loro solo la versione desktop, la prima cosa che faranno dopo aver guardato il video è aprire il link di staging sul loro iPhone e mandarti uno screenshot. Mostrare la versione mobile nello stesso video ti risparmia un giro.

Le quattro opzioni in sintesi

Quattro modi per mostrare un sito mobile dal tuo Mac
Opzione Sembra un iPhone vero Tocco vero Disponibile nell’UE Preparazione Adatta a
Modalità responsive del browser ~ layout approssimativo ✗ ✓ Nessuna Controlli veloci del layout, primi giri
Simulator di Xcode ~ vicino, rendering di iOS ✗ puntatore ✓ Installare Xcode Rendering fedele senza telefono
Duplicazione iPhone ✓ il tuo iPhone vero ✗ trackpad ✗ Mac e iPhone compatibili Dispositivo vero, controllato dal Mac
QuickTime con il cavo ✓ il tuo iPhone vero ✓ ✓ Un cavo La demo più realistica

Disponibilità di Duplicazione iPhone secondo il Supporto Apple, verificata a novembre 2026.

Opzione 1: la modalità responsive del browser

Sia Safari sia Chrome possono ridimensionare una pagina alle misure di un telefono, dentro il browser.

Safari

  1. Attiva le funzionalità per sviluppatori. Scegli SafariImpostazioniAvanzate e seleziona Mostra funzionalità per lo sviluppo web. Compare il menu Sviluppo.
  2. Apri la pagina che vuoi mostrare.
  3. Entra nella modalità responsive. Scegli SviluppoEnter Responsive Design Mode, o premi ⌃⌘R.
  4. Scegli un modello di iPhone dall’elenco delle dimensioni, o trascina le maniglie per impostare una misura personalizzata.

Chrome

  1. Apri DevTools sulla pagina con ⌘⌥I.
  2. Fai clic su Attiva/disattiva la barra degli strumenti del dispositivo nella barra delle azioni in cima a DevTools.
  3. Scegli un dispositivo dall’elenco Dimensioni.
  4. Facoltativo: scegli Altre opzioniMostra cornice dispositivo, se per quel dispositivo è disponibile una cornice.

Il limite: sono entrambe approssimazioni. Secondo la documentazione di Apple, i modelli predefiniti non riproducono esattamente layout, rendering e comportamento di un dispositivo vero, per esempio per via della barra degli indirizzi, della tastiera sullo schermo e di come i telefoni gestiscono i campi dei moduli. La documentazione di Chrome definisce la modalità dispositivo “un’approssimazione di primo ordine”. Va bene per “ecco come si chiude il menu su mobile”; non per “ecco esattamente cosa vedranno i tuoi clienti”.

Quando registri la modalità responsive, registra solo l’area con la vista del telefono, non il pannello di DevTools intorno. La nostra guida su come registrare una finestra o una parte dello schermo spiega come selezionare un’area.

Opzione 2: il Simulator di Xcode

Simulator è incluso in Xcode, l’app di Apple per sviluppatori, e fa girare iOS sul tuo Mac. Apri Safari dentro l’iPhone simulato e carichi il sito. La documentazione di Safari di Apple descrive i simulatori come un modo fedele per provare le pagine per iOS senza altri dispositivi, e la modalità responsive di Safari può aprire direttamente la pagina corrente in un simulatore.

  • Pro: rendering di iOS, la barra degli indirizzi di Safari per iOS, controlli dei moduli e tastiera veri.
  • Contro: Xcode è un’installazione pesante, e interagisci con un puntatore invece che con un dito. Scorrere con il trackpad sembra meno naturale di uno swipe vero.

Registra la finestra di Simulator da sola. Il profilo del telefono e gli angoli arrotondati rendono evidente al cliente cosa sta guardando.

Opzione 3: Duplicazione iPhone

Duplicazione iPhone mostra il tuo iPhone vero in una finestra sul Mac, e lo controlli con trackpad e tastiera. Secondo Apple ti servono:

  • un Mac con processore Apple o con il chip di sicurezza Apple T2, con macOS Sequoia 15 o successivo;
  • un iPhone con iOS 18 o successivo e un codice impostato;
  • entrambi collegati allo stesso Apple Account con l’autenticazione a due fattori, con Bluetooth e Wi-Fi attivi;
  • l’iPhone bloccato e vicino al Mac.

Apri l’app Duplicazione iPhone sul Mac, inserisci il codice dell’iPhone se richiesto, e lo schermo dell’iPhone compare in una finestra. Dato che è una finestra del Mac, puoi registrarla come qualsiasi altra.

Opzione 4: il tuo iPhone con il cavo e QuickTime

È l’opzione più realistica: il cliente vede lo schermo dell’iPhone vero, con scorrimenti e tocchi veri, perché stai usando il telefono con le mani.

  1. Collega l’iPhone al Mac con un cavo.
  2. Apri QuickTime Player e scegli FileNuova registrazione filmato.
  3. Fai clic sul menu delle opzioni accanto al pulsante di registrazione e, sotto Fotocamera, scegli il tuo iPhone.
  4. Usa l’iPhone normalmente. Il suo schermo compare in diretta nella finestra di QuickTime.

Puoi registrare direttamente in QuickTime e salvare un file filmato. Se vuoi la bolla della webcam e un link da mandare, registra invece la finestra di QuickTime con il tuo registratore dello schermo.

Quale usare

  • Primi giri di design o una domanda veloce su un breakpoint: modalità responsive.
  • Una revisione mobile senza telefono a portata di mano, o un bug in Safari per iOS: Simulator.
  • Una presentazione mobile curata, fuori dall’UE: Duplicazione iPhone.
  • Una presentazione mobile che deve sembrare vera: cavo e QuickTime.

Per le segnalazioni di bug contano soprattutto le opzioni realistiche. Un bug di layout in Safari per iOS potrebbe non comparire affatto nella modalità dispositivo di Chrome. Se è il cliente a mandarti il bug, la nostra guida su come convincere i clienti a segnalare i bug con un video lo aiuta a mostrarti esattamente quello che vede.

Registrarlo per il cliente

Qualunque opzione scegli, i consigli per la registrazione sono gli stessi:

  • Registra solo la finestra del telefono, non tutta la scrivania.
  • Scorri più lentamente di quanto faresti sul tuo telefono e fermati su ogni sezione.
  • Di’ cosa cambia su mobile: “il menu si chiude in questo pulsante”, “la tabella dei prezzi diventa una serie di schede”.
  • Mostra desktop e mobile nello stesso video quando il cliente deve confrontarli.

La preparazione generale del browser, dal profilo pulito ai banner dei cookie, è in come registrare un sito web nel browser senza elementi di disturbo. Se il video è una presentazione, come presentare un design al cliente senza una riunione ha una struttura che funziona.

Per saperne di più sulla registrazione su Mac in generale: come registrare lo schermo su Mac. E se mandi questo tipo di video ogni settimana, guarda come funziona mandare video ai clienti con JustRec.

Domande frequenti

Come vedo la versione mobile di un sito sul Mac?

In Safari attiva le funzionalità per lo sviluppo web in Impostazioni, Avanzate, poi usa il menu Sviluppo per entrare nella modalità responsive. In Chrome apri DevTools e fai clic su Attiva/disattiva la barra degli strumenti del dispositivo. In entrambi i casi la pagina si ridimensiona alle misure di un telefono.

La modalità responsive è precisa?

È una buona approssimazione del layout, ma non è esatta. Apple fa notare che la barra degli indirizzi, la tastiera sullo schermo e il comportamento dei moduli sul singolo dispositivo possono cambiare il layout su un dispositivo vero, e consiglia un simulatore per un'anteprima più fedele.

Posso registrare lo schermo dell'iPhone dal Mac?

Sì. Collega l'iPhone con un cavo, apri QuickTime Player, scegli File, Nuova registrazione filmato, e seleziona l'iPhone sotto Fotocamera nel menu delle opzioni di registrazione. Lo schermo dell'iPhone compare nella finestra di QuickTime, che puoi registrare o catturare con il tuo registratore dello schermo.

Perché in Europa non posso usare Duplicazione iPhone?

La pagina di supporto di Apple dice che Duplicazione iPhone al momento non è disponibile nell'Unione Europea. Usa invece QuickTime con il cavo o il Simulator di Xcode.

Scritto da

Nicolas Ricardi

Maker of JustRec, at Nube

Nicolas makes JustRec at Nube, a web studio in Italy. He built it for the videos Nube sends to its own clients: design reviews, handovers and quotes explained in a few minutes instead of a meeting.

www.wearenube.dev
Video migliori