Browser Resizer

Browser Resizer-værktøjet beregner præcise viewport-dimensioner for websider og leverer færdige kodeartefakter. Det accepterer bredde og højde i pixels og valgfrie enheds-forindstillinger, hvilket giver deterministiske resultater til tests på tværs af brydningspunkter. Ved at adskille størrelseslogik fra gengivelsen imødekommer det udviklere, QA-teams og UX-forskere, der har brug for gentagelige målinger og dokumentation.
Værktøjet understøtter standard-forindstillinger for desktop, tablet og mobil med validering for at undgå ugyldige input og muligheder for at overstyre forindstillinger med manuelle værdier. Det eksporterer en CSS-mediaquery-streng og et minimalt HTML-container-snippet, der viser, hvordan viewport begrænser indhold på virkelige sider.
Konceptuelt fylder forindstillinger dimensioner ud ved behov, mens zoom kun påvirker den visuelle forhåndsvisning. De endelige pixelstørrelser svarer til de eksplicitte input og sikrer konsistente resultater for CSS, dokumentation og testdata.
Denne tilgang muliggør hurtige layout-sammenligninger, forenkler dokumentationen og tilpasser testoutput til almindelige enhedsdimensioner, hvilket gør workflowet gentageligt og klar til kildebaserede projekter og CI-pipelines.