Responsive Preview

¿Qué es una herramienta de vista previa responsive?

La herramienta de vista previa responsive carga una página web dentro de un iframe con un tamaño de viewport elegido para comprobar cómo se ve en pantallas de móvil, tablet y portátil. Incluye ajustes predefinidos para iPhone SE, iPhone 12/13, iPad, portátil, escritorio y Full HD, además de permitir anchos y altos personalizados.

Funciones principales

• Presets de dispositivos comunes: iPhone, iPad, portátil, escritorio y Full HD
• Ancho y alto personalizables (200-4000 px)
• Las URL sin protocolo reciben https:// automáticamente
• Vista previa en iframe que se ajusta al instante
• Botones de demo y limpiar

Usos / Notas

Útil para comprobar rápido cómo se ve una página en distintos tamaños de pantalla durante rediseños o integraciones. La vista previa depende de las políticas del sitio: si bloquea la incrustación con X-Frame-Options o CSP, el frame quedará en blanco, algo que decide el sitio, no un fallo de la herramienta.

Cómo usar

1. Introduce la URL de la página a previsualizar
2. Elige un preset de dispositivo o escribe ancho y alto
3. Pulsa Vista previa y la página se carga en ese viewport