Simuleer een iPhone website bezoek

15-12-2009

Wanneer een website bezocht wordt serveert de server specifiek voor een bepaalde client de bijpassende code (HTML).

Voor een iphone is deze code soms, afhankelijk van de website, anders. (er zijn maar weinig sites zijn geoptimaliseerd voor de iphone). Zo kan de webapplicatie ervoor zorgen dat de website aangepast is aan de mogelijkheden van de safari browser van de iphone (o.a. de afmetingen van de browser).

De server bepaalt op basis van de zogenaamde user agent http header met welke browser de website wordt bezocht. Deze zogenaamde http header is verschillend per platform en browser.

Voor de iphone ziet de header er als volgt uit:
Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543a Safari/419.3

Wanneer deze identificatie meegestuurd wordt naar de web server zal de server dus, indien beschikbaar, een site genereren specifiek voor de iphone.

De server kan dus eenvoudig misleid worden wanneer deze user agent header wordt meegestuurd naar de server. De server zal dan automatisch de iphone HTML code terug geven.

In iedere browser gaat dit misleiden van de browser anders:

In FireFox:
Download en installeer de user agent switcher, een uitbreiding voor FireFox: https://addons.mozilla.org/nl/firefox/addon/59 . Stel de user agent switcher in op iPhone .

In Intenet Explorer:
Download de user agent switcher voor Internet Explorer: http://www.ieaddons.com/en/details/other/UAPick_UserAgent_Switcher/ . Stel de header in op de http header van de iphone (hierboven genoemd).

In Safari:
Er hoeft niets geinstalleerd te worden. Ga naar voorkeuren/preferences, stel in dat het ontwikkelaars/developers menu weergegeven wordt. Sluit het venster en kies vervolgens in het ontwikkel/develop menu voor gebruikersagent/user agent Mobile Safari - iPhone .

Na het uitvoeren van 1 van deze mogelijkheden zal de server van de site die bezocht wordt een site presenteren specifiek voor de iphone. Dit is bijvoorbeeld te zien wanneer http://youtube.com bezocht wordt.

De schermresolutie van de iphone is 320x480 pixels. De maximale grootte van de site zelf is: 320x396 . Dit zijn de dimensies die overblijven binnen safari. (de grootte van de website zonder de knoppenbalken).

Aan deze dagtip is een site gekoppeld waarin een site automatisch in de grootte van de iphone geopend worden.

Noot: De methodes beschreven in deze dagtip simuleren alleen een browser zoals deze op een iphone weergegeven zou worden.
De iphone applicaties kunnen ook echt gemaakt, getest en gesimuleerd worden met de software development kit van apple. De SDK voor het ontwikkelen van iphone appicaties is hier te vinden: http://developer.apple.com/iphone/program/ .

http://www.testiphone.com/

Gratis chat module voor op je website

Nederlandse handleiding online nieuwsbrief versturen (phplist)

Simuleer een iPhone website bezoek

Zie ook:

twitter

dagtip

twing!

zoeken

dagtip

populair

blog

links