Redimensionador de ventana responsive

El redimensionador de ventana responsive abre una página en una ventana de prueba separada con el tamaño de viewport que elijas, como 390 × 844 o 1366 × 768. Primero mide el marco del navegador en una página en blanco, ajusta la ventana para que el área visible coincida con tu tamaño tanto como el navegador lo permita, informa del tamaño medido y después carga tu URL.

1. 1.Escribe la URL de la página o deja esta página.
2. 2.Elige un ajuste predefinido o escribe un ancho y un alto entre 200 y 3840 por 200 y 2160 píxeles.
3. 3.Pulsa Abrir ventana de prueba y permite las ventanas emergentes si el navegador lo pide.
4. 4.Revisa el resultado: tamaño solicitado y tamaño medido.
5. 5.Guarda los tamaños que uses a menudo; se quedan en este navegador.

• •Diez ajustes comunes de teléfono, tableta y portátil, más tus propios tamaños guardados.
• •Intercambio de ancho y alto para probar vertical y horizontal.
• •El viewport medido se informa con honestidad, incluidos bloqueos de ventanas emergentes, límites de pantalla y navegadores que ignoran el cambio de tamaño.
• •Viewport, ventana, pantalla y proporción de píxeles de esta pestaña en vivo.
• •No se sube nada; la URL solo se abre en la ventana que lanzas.

Los navegadores solo permiten que una página cambie el tamaño de ventanas emergentes que ella misma abrió, nunca de tu pestaña actual, y los navegadores móviles suelen ignorarlo. Es un lanzador de tamaño de viewport, no una emulación de dispositivo: no emula la proporción de píxeles, el tacto, las barras del navegador móvil, el agente de usuario, la velocidad de CPU y red ni las fuentes de la plataforma. Para eso usa el modo dispositivo de DevTools. Cuando carga una página de otro sitio, la herramienta ya no puede leer ni cambiar el tamaño de la ventana.