Responsive designtest
Gratis online responsive design tester, geen installatie nodig. Testen van pagina’s in verschillende deviceviewports.
Over Responsive-ontwerp-tester
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.
Hoe te gebruiken
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
Tips voor de beste resultaten
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.
▶Waarom is de voorvertoning bij sommige sites leeg?
▶Welke apparaatgrootten zijn beschikbaar?
▶Hoe werken staand en liggend?
▶Is de voorvertoning interactief?
▶Verandert het de echte browservenster?
Als deze tool je heeft geholpen, denk dan eens aan het geven van een kop koffie aan mij.
Koop me een kop koffie.