Probador de diseño responsivo.

El Probador de diseño responsive muestra cómo se ve un sitio web a distintos tamaños de pantalla. Introduce una URL, elige un preajuste de dispositivo como un teléfono, una tablet o una resolución de escritorio, o define tu propio ancho y alto, y la página se renderiza dentro de un marco con ese tamaño. Puedes alternar entre vertical y horizontal y rotar al instante. Es una forma rápida de comprobar un diseño en los puntos de corte habituales sin cambiar el tamaño de tu ventana del navegador.

1. Introduce la URL del sitio y haz clic en Cargar 2. Elige un preajuste de dispositivo, o elige Personalizado e introduce un ancho y un alto 3. Para los preajustes, alterna entre vertical y horizontal, o usa Rotar 4. Observa la página renderizarse en el marco de vista previa a ese tamaño

Los preajustes cubren tamaños comunes, desde un teléfono pequeño hasta un escritorio full HD, coincidiendo con los puntos de corte que la mayoría de diseños persiguen. Usa Personalizado cuando necesites un tamaño de píxel exacto que no esté en la lista. Ten en cuenta que algunos sitios se niegan a ser incrustados y muestran un marco vacío — es un ajuste de seguridad del propio sitio, no un problema de la herramienta. Las páginas que permiten la incrustación se renderizan completas y siguen siendo interactivas.