Probador de Puntos de Quiebre Responsivos
Prueba cómo se ve cualquier URL en diferentes tamaños de pantalla. Obtén vista previa en móvil, tableta, escritorio y puntos de quiebre personalizados.
Some websites block iframe embedding via X-Frame-Options or CSP headers. If a site appears blank, it may not allow iframe loading.
Cómo usar Probador de Puntos de Quiebre Responsivos
- 1Introduce la URL del sitio web que deseas probar.
- 2Selecciona un punto de quiebre predefinido: móvil, tableta o escritorio.
- 3O introduce dimensiones personalizadas de ancho y alto.
- 4Obtén una vista previa de cómo se renderiza el sitio web en el tamaño de vista seleccionado.
ZenovayAnalytics
Descubre qué hacen de verdad tus visitantes.
- Seguimiento de visitantes en tiempo real
- Privacidad primero, sin aviso de cookies
- Configurado en dos minutos
Herramientas relacionadas
Generador de Degradados CSS
Crea hermosos degradados CSS con un editor visual. Degradados lineales, radiales y cónicos.Generador de Sombra de Caja CSS
Diseña sombras de caja CSS con controles visuales. Ajusta desplazamiento, desenfoque, expansión y color.Generador de Borde Redondeado CSS
Crea valores de borde redondeado personalizados con controles visuales. Vincula o desvincula las esquinas para ajustes rápidos.Área de Juego CSS Flexbox
Aprende y genera diseños CSS Flexbox visualmente. Ajusta dirección, alineación, envoltura y espaciado en tiempo real.Preguntas frecuentes
¿Cómo funciona el probador de diseño responsivo?▾
Carga la URL de destino en un iframe a diferentes tamaños de ventana gráfica, simulando cómo se ve su sitio web en varios dispositivos. El ancho del iframe coincide con el ancho del dispositivo preestablecido.
¿Por qué el iframe muestra una página en blanco o un error?▾
Muchos sitios web establecen encabezados X-Frame-Options o Content-Security-Policy que evitan que se carguen en iframes. Esta es una medida de seguridad. Intente probar con sus propios sitios web o sitios que permitan la incrustación en iframe.
¿Puedo probar tamaños de ventana gráfica personalizados?▾
Sí. Introduzca cualquier ancho y altura personalizados en píxeles usando los campos de entrada en la parte superior. También puede cambiar entre tamaños de dispositivo preestablecidos.
¿Es igual a las herramientas de desarrollo del navegador?▾
Esta herramienta proporciona una visión general visual rápida de múltiples puntos de quiebre a la vez. Para pruebas responsivas más detalladas, las herramientas de desarrollo del navegador ofrecen funciones adicionales como simulación táctil y limitación de red.
¿Se envían datos a algún servidor?▾
No. La herramienta carga el sitio web directamente en un iframe dentro de su navegador. No se envían URL ni datos a ningún servidor externo.
¿Puedo usar esta herramienta en mi teléfono?▾
Sí, el probador responsivo funciona en navegadores móviles, aunque ver múltiples tamaños de ventana gráfica es más fácil en una pantalla más grande. En móviles, puede probar un tamaño de ventana gráfica a la vez.
¿Qué preajustes de dispositivo están disponibles?▾
La herramienta incluye preajustes para dispositivos comunes como iPhone, iPad y teléfonos Android populares. También puede introducir cualquier ancho y altura personalizados para probar puntos de quiebre específicos usados en su CSS.