Responsive designtest

De Responsive-ontwerp-tester laat zien hoe een website eruitziet bij verschillende schermgrootten. Voer een URL in, kies een apparaatprofiel zoals telefoon, tablet of desktopresolutie, of stel je eigen breedte en hoogte in, en de pagina wordt weergegeven in een kader op die grootte. Je kunt wisselen tussen staand en liggend en direct draaien. Het is een snelle manier om een lay-out te controleren op gangbare breekpunten zonder je browservenster te vergroten of verkleinen.

1. Voer de URL van de website in en klik op Laden 2. Kies een apparaatprofiel, of kies Aangepast en voer een breedte en hoogte in 3. Wissel bij profielen tussen staand en liggend, of gebruik Draaien 4. Bekijk de pagina die in het voorvertoningskader op die grootte wordt weergegeven

De profielen dekken gangbare formaten, van een kleine telefoon tot een full-HD-desktop, passend bij de breekpunten waarop de meeste lay-outs zijn gericht. Gebruik Aangepast als je een exacte pixelgrootte nodig hebt die niet in de lijst staat. Sommige sites weigeren insluiting en tonen een leeg kader — dat is een veiligheidsinstelling van de site, geen probleem van het hulpmiddel. Pagina's die insluiting toestaan worden volledig weergegeven en blijven interactief.