Ervaar de iPad UI op uw pc
Wil je de iPad testen zonder naar een Apple Store te gaan? Dit is een manier om een deel van de iPad UI direct vanuit je browser te bekijken!
De iPad is de nieuwste gadget van Apple om de technische wereld te imponeren, en mensen hebben zelfs de hele nacht in de rij gewacht om als een van de eersten een in de rij te hebben. Dankzij een simpele JavaScript-truc kun je echter een idee krijgen van een aantal nieuwe functies zonder je computer te verlaten. Hiermee kunt u niet alles op de iPad uitproberen, maar kunt u zien hoe de nieuwe lijsten en pop-overmenu's werken, net als in de nieuwe apps..
Test de gebruikersinterface van de iPad via uw browser
Normaal gezien ziet de online iPhone-ontwikkelaarsbibliotheek van Apple eruit als een standaard webpagina.
Maar op de iPad ziet het eruit en voelt het aan als een echte native iPad-app. Met een handige JavaScript-truc van boredzo.org kunt u dezelfde interface op uw pc gebruiken. Omdat de iPad de Safari-browser gebruikt, hebben we deze test in Safari voor Windows uitgevoerd. Als u het nog niet hebt geïnstalleerd, kunt u het downloaden van Apple (link hieronder) en instellen zoals normaal.
Open nu Safari en blader naar de ontwikkelaarspagina van Apple op:
http://developer.apple.com
Voer nu het volgende in de adresbalk in en druk op Enter.
javascript: localStorage.setItem ('debugSawtooth', 'true')
Klik ten slotte op deze koppeling om naar de iPhone OS-documentatie te gaan.
http://developer.apple.com/iphone/library/iPad/
Na een korte vertraging moet deze in volledige iPad-stijl worden geopend!
Het linker menu werkt net als de menu's op de iPad, compleet met overgangen. Het voelt helemaal als een native applicatie, in plaats van een webpagina. Als u door de tekst wilt bladeren, klikt en trekt u omhoog of omlaag, vergelijkbaar met de manier waarop u het op een aanraakscherm zou gebruiken.
Sommige pagina's bevatten zelfs een pop-overmenu zoals veel van de nieuwe iPad-apps gebruiken.
Houd er rekening mee dat de pagina wordt weergegeven voor de grootte van uw browser en als u de grootte van uw venster aanpast, wordt de pagina niet groter of kleiner. Druk eenvoudigweg op F5 om de pagina opnieuw te laden en deze wordt aangepast aan de nieuwe venstergrootte. Als je het formaat van je venster te groot en smal, zoals de iPad in de horizontale modus, de webpagina zal veranderen en het linker menu zal verdwijnen in plaats van een drop-down menu net zoals het zou zijn als je de iPad geroteerd.
Dit werkt ook in Chrome, omdat het, net als Safari, is gebaseerd op Webkit. Het bleek echter niet te werken in onze test op Firefox of andere browsers.
We hebben eerder besproken hoe u een deel van de gebruikersinterface van de iPhone kunt ervaren met de online iPhone-gebruikershandleiding. Bekijk het als je dat nog niet hebt gedaan:
Bekijk mobiele websites in Windows met de Developer Tools van Safari 4
Conclusie
Hoewel je hiermee niet echt alle interfaces van de iPad kunt uitproberen, krijg je tenminste een voorproefje van hoe het werkt. Het is opwindend om te zien hoeveel functionaliteit tegenwoordig in webapps kan worden ingepakt. En vergeet niet, How-to Geek geeft een iPad weg aan een willekeurige fan! Ga naar onze Facebook-pagina en fan How-to Geek als je dat nog niet hebt gedaan.
Win een iPad op de How-To Geek Facebook-fanpagina