Responsive design tester
Dette værktøj kan hjælpe dig med at se hvordan dit website ser ud på forskellige enheder. Værktøjet lader dig teste dit responsive design i forskellige opløsninger og se om dine media queries virker, eller du kan teste et site der ikke er responsivt og se præcis hvorfor fremtiden inden for web hedder responsive webdesign.
Indtast din URL i feltet for oven, og du vil få vist siden i forskellige gængse opløsninger fx iphone opløsning, ipad opløsning osv. Som standard vises opløsningerne: lille telefon (240 x 320), iPhone (og lign) (320 x 480), tablet (480 x 640), iPad (stående) (768 x 1024), iPad (liggende) (1024 x 768) - ønsker du flere opløsninger eller din egen så tryk "indstillinger" hvor du får flere muligheder.
NB: Denne tester er lavet til at teste responsive designs, dvs tester du et almindeligt design, så vil du ikke få et retvisende indtryk af hvordan dit website ser ud på fx ipad, da mobile enheder zoomer ud for at vise hele din side.
Javascript bookmarklet
Hvis du nemt vil kunne teste hjemmesider direkte fra din browser, kan du med fordel trække følgende link til din bogmærkelinje:
Hvordan ser min hjemmeside ud på ipad?
Her på siden kan du teste hvordan dit website ser ud på en iPad - eller dvs i hvert fald i den opløsning som en iPad har - indtast din url øverst og tryk på den grønne knap så får du at se hvordan dit design tager sig ud på bla. ipad.
Hvordan ser min hjemmeside ud på en smartphone?
Er du i tvivl om hvordan dit website ser ud på forskellige størrelser smartphones? Det kan du tjekke her på siden. Værktøjet lader dig teste dit website i forskellige mobil opløsninger så du altid ved hvordan dit design ser ud på en smartphone.
Om responsive design tester
Responsive design tester er udviklet af Martin Nielsen - http://codenerd.dk - hvis du har spørgsmå eller kommentarer så kontakt mig via min blog eller på google plus
Nb. Bredderne i testereren er måske ikke 100% præcise da jeg har måtte tilføje lidt px for at gøre plads til scrollbars, og disse har ikke nødvendigvis samme bredde i alle browsere
No images were harmed during the creation of this site ;-)