Geschreven door Lex op do, 02/17/2011 - 13:10
Om je website-in-aanbouw te bekijken op andere computersystemen, daarvoor zijn verschillende hulpmiddelen beschikbaar. Een voorbeeld is Browsershots.org. Echter, nu er steeds meer eigenwijze mobiele apparaten bijkomen met nog eigenwijzere displayresoluties, wordt het designen er niet makkelijker op gemaakt. Wat te doen als je niet over een iPhone of iPad beschikt? Welnu, je kunt gaan voor de simulator die wordt meegeleverd met de iPhone SDK, beschikbaar via Apple.com. Maar dat kost geld. Een andere weg is via Firefox (Safari en Chrome kunnen ook maar we houden het hier op de Vurige Vos).
1. Start Firefox
2. Zorg dat je de plug-in User Agent Switcher hebt geïnstalleerd. Ga in Firefox naar Extra > Add-ons en zoek naar deze plug-in om hem vervolgens te downloaden en te installeren.
3. Herstart Firefox en ga weer naar Extra. Je ziet dat er een nieuwe optie is bijgekomen: User Agent Switcher. Zet deze op iPhone 3.0.
4. Schakel je plug-in voor flash uit. Ga weer naar Extra > Add-ons en zoek naar de betreffende plug-in. Dit is omdat flash niet wordt ondersteund op de iPad.
5. Ga naar iPadPeek.com en vul hier je website in.
Zo kun je dus bekijken hoe je website toont op de iPad. Wanneer je bovenaan op het frame van de iPad klikt kun je wisselen van liggende naar staande stand.
Bedenk dat de resolutie van je eigen scherm niet helemaal gelijk is aan die van de iPad, die een resolutie van 1024 bij 768 heeft. De weergave kan daardoor wat afwijken (bijvoorbeeld wanneer je werkt met .em als schaaleenheid). Maar bovenstaande methode geeft wel een goede impressie.
Reactie toevoegen