Browser Resizer

La herramienta Browser Resizer calcula dimensiones exactas de la ventana de visualización para páginas web y ofrece artefactos de código listos para usar. Acepta ancho y alto en píxeles y presets opcionales de dispositivos, proporcionando salidas deterministas para pruebas a través de puntos de quiebre. Al separar la lógica de dimensionamiento de la representación, sirve a desarrolladores, equipos de QA e investigadores de UX que necesitan mediciones reproducibles y documentación.
La herramienta admite presets estándar para escritorio, tableta y móvil, con validación para evitar entradas no válidas y opciones para anular presets con valores manuales. Exporta una cadena de consulta de medios CSS y un snippet HTML mínimo que demuestra cómo el viewport restringe el contenido en páginas reales.
Conceptualmente, los presets rellenan dimensiones cuando se solicitan, mientras que el zoom solo afecta a la vista visual. Las dimensiones finales en píxeles reflejan las entradas explícitas, asegurando resultados consistentes para CSS, documentación y datos de prueba.
Este enfoque facilita comparaciones rápidas de diseños, simplifica la documentación y alinea las salidas de prueba con dimensiones estándar de los dispositivos, haciendo el flujo de trabajo repetible y listo para bases de código y pipelines CI.