Cómo usar: Simulador de dispositivos web
- Introduce la dirección de tu web y haz clic en Vista previa.
- Elige un tamaño de móvil, tablet, portátil o escritorio y usa Girar para ver la vista horizontal.
- Usa Comparar para ver las vistas de móvil, tablet y portátil una al lado de otra.
- Añade tus propios tamaños en Añadir un dispositivo personalizado. Se guardan en este navegador.
Qué muestra este simulador
Carga tu página con el ancho y el alto de un dispositivo, así que tu diseño responsive y los breakpoints de CSS se comportan como lo harían en ese tamaño. Es una forma rápida de detectar diseños rotos, textos cortados y tablas que se desbordan.
Qué no puede mostrar
No es un dispositivo real. No cambia el motor del navegador, así que un tamaño de iPhone se sigue ejecutando en tu propio navegador. Las funciones que dependen del user agent o del hardware táctil pueden diferir. Antes de publicar, prueba en móviles reales o usa el modo de dispositivo de tu navegador para más detalle.
Por qué algunas webs se quedan en blanco
Muchas webs envían X-Frame-Options o una regla frame-ancestors, que impide que se carguen dentro de otra página. Cuando la herramienta detecta esto, muestra una captura real en ese tamaño de dispositivo, así que puedes revisar el diseño, pero los enlaces y el desplazamiento no funcionan. Para capturas de página completa, usa la herramienta Captura de pantalla de web móvil.
¿Los tamaños de dispositivo son exactos?
Los tamaños son valores habituales de viewport en píxeles CSS, no la resolución física. Los navegadores reales pierden algo de altura por sus barras de herramientas, así que tómalos como una guía aproximada.
También se busca como: probador de diseño responsive, simulador de móvil online, probar web en diferentes dispositivos, simulador de iphone online, probador de tamaño de pantalla, vista de web en ipad, vista móvil de una web, comprobar diseño responsive.
Herramientas que combinan con: Simulador de dispositivos web
- Captura de pantalla web — Introduce una URL y obtén una captura de pantalla de página completa hecha en un navegador Chrome real, en ancho de escritorio, tableta o móvil y con hasta 3× de resolución (Retina), con los banners de cookies ocultos.
- Resolución de pantalla — El tamaño de tu pantalla y de la ventana del navegador en píxeles CSS, la densidad de píxeles del dispositivo y la resolución física real, medidos en vivo por tu navegador.
- Test de Pantalla Táctil — Toca el área de abajo para ver cada dedo que detecta tu pantalla.
- Test de velocidad de página — Ejecuta Google Lighthouse en cualquier URL para móvil o escritorio.