Cómo enseñar la versión móvil de una web a un cliente desde el Mac

Para ver la versión móvil de una web en el Mac tienes cuatro opciones: el modo de diseño adaptable del navegador, el simulador de iPhone de Xcode, la duplicación del iPhone o tu iPhone real conectado con un cable y mostrado con QuickTime. El modo adaptable es lo más rápido; QuickTime con cable es lo que más se parece a la realidad. Elige según lo fiel a un teléfono real que lo necesite el cliente, y graba esa ventana.

Los clientes juzgan una web en su móvil. Si solo les enseñas la versión de escritorio, lo primero que harán después de verla es abrir el enlace de staging en su iPhone y mandarte una captura. Enseñar la versión móvil en el mismo vídeo te ahorra una ronda.

Las cuatro opciones de un vistazo

Opción	Parece un iPhone real	Táctil de verdad	Disponible en la UE	Preparación	Sirve para
Modo adaptable del navegador	~ maquetación aproximada	✗	✓	Ninguna	Revisiones rápidas de maquetación, primeras rondas
Simulator de Xcode	~ cercano, renderizado de iOS	✗ puntero	✓	Instalar Xcode	Renderizado fiel sin teléfono
Duplicación del iPhone	✓ tu iPhone real	✗ trackpad	✗	Mac e iPhone compatibles	Dispositivo real, controlado desde el Mac
QuickTime con cable	✓ tu iPhone real	✓	✓	Un cable	La demo más realista

Disponibilidad de la duplicación del iPhone según el Soporte técnico de Apple, consultado en noviembre de 2026.

Opción 1: el modo adaptable del navegador

Tanto Safari como Chrome pueden ajustar una página a las dimensiones de un teléfono dentro del propio navegador.

Safari

Chrome

El inconveniente: los dos son aproximaciones. La documentación de Apple dice que los tamaños predefinidos no reproducen exactamente la maquetación, el renderizado y el comportamiento de un dispositivo real, por ejemplo por la barra de direcciones, el teclado en pantalla y la forma en que los teléfonos gestionan los campos de formulario. La documentación de Chrome define el modo de dispositivo como «una aproximación de primer orden». Sirve para «así se pliega el menú en el móvil»; no para «esto es exactamente lo que verán tus clientes».

Cuando grabes el modo adaptable, graba solo el área de la pantalla del teléfono, no el panel de herramientas que la rodea. Nuestra guía para grabar una ventana o una parte de la pantalla explica cómo seleccionar un área.

Opción 2: Simulator de Xcode

Simulator viene con Xcode, la app de Apple para desarrolladores, y ejecuta iOS en tu Mac. Abres Safari dentro del iPhone simulado y cargas la web. La documentación de Safari de Apple describe los simuladores como una forma fiel de probar páginas para iOS sin dispositivos adicionales, y el modo de diseño adaptable de Safari puede abrir la página actual directamente en un simulador.

• A favor: renderizado de iOS, la barra de direcciones de Safari en iOS, controles de formulario y teclado reales.
• En contra: Xcode es una instalación pesada, e interactúas con un puntero en lugar de con el dedo. El scroll con el trackpad queda menos natural que un deslizamiento real.

Graba la ventana de Simulator sola. El contorno del teléfono y las esquinas redondeadas dejan claro al cliente qué está viendo.

Opción 3: duplicación del iPhone

La duplicación del iPhone muestra tu iPhone de verdad en una ventana del Mac, y lo controlas con el trackpad y el teclado. Según Apple, necesitas:

• un Mac con chip de Apple o con el chip de seguridad T2 de Apple, con macOS Sequoia 15 o posterior;
• un iPhone con iOS 18 o posterior y código de acceso;
• los dos con sesión iniciada en la misma Cuenta de Apple con autenticación de doble factor, y con Bluetooth y wifi activados;
• el iPhone bloqueado y cerca del Mac.

Abre la app Duplicación del iPhone en el Mac, introduce el código de tu iPhone si te lo pide, y la pantalla del iPhone aparece en una ventana. Como es una ventana de tu Mac, puedes grabarla como cualquier otra.

Opción 4: tu iPhone con un cable y QuickTime

Es la opción más realista: el cliente ve la pantalla real del iPhone, con scroll real y toques reales, porque estás usando el teléfono con las manos.

Puedes grabar directamente en QuickTime y guardar un archivo de vídeo. Si quieres tu burbuja de cámara y un enlace para enviar, graba en su lugar la ventana de QuickTime con tu grabador de pantalla.

Cuál usar

• Primeras rondas de diseño o una duda rápida sobre un punto de ruptura: el modo adaptable.
• Una revisión móvil sin teléfono a mano, o un error en Safari para iOS: Simulator.
• Un recorrido móvil cuidado, fuera de la UE: la duplicación del iPhone.
• Una presentación móvil que tiene que parecer real: cable y QuickTime.

En los reportes de errores, las opciones realistas son las que más importan. Un error de maquetación en Safari para iOS puede no aparecer en absoluto en el modo de dispositivo de Chrome. Si es el cliente quien te envía el error, nuestra guía para conseguir que tus clientes reporten bugs en vídeo le ayuda a enseñarte exactamente lo que ve.

Grabarlo para el cliente

Elijas la opción que elijas, los consejos para grabar son los mismos:

• Graba solo la ventana del teléfono, no tu escritorio entero.
• Desplázate más despacio que en tu propio móvil y para en cada sección.
• Di qué cambia en el móvil: «el menú se pliega en este botón», «la tabla de precios se convierte en tarjetas».
• Enseña escritorio y móvil en el mismo vídeo cuando el cliente tenga que compararlos.

La preparación general del navegador, del perfil limpio a los avisos de cookies, está en cómo grabar una página web en el navegador sin nada que estorbe. Si el vídeo es una presentación, cómo presentar un diseño a un cliente sin reunión tiene una estructura que funciona.

Más sobre grabar en el Mac en general: cómo grabar la pantalla en el Mac. Y si envías este tipo de vídeos cada semana, mira cómo funciona enviar vídeos a clientes con JustRec.