iPad detecteren

English: The iPad on a table in the Apple case
English: The iPad on a table in the Apple case (Photo credit: Wikipedia)

Niemand zal het ontgaan zijn dat Apple’s iPad de new hot thing is. Vanavond was ook een demonstratie van de iPod te zien bij de wereld draait door. En alhoewel de verkoop cijfers van de iPad tegenvallen, kunnen we er toch op rekenen dat iPad-gebruikers onze websites gaan bezoeken. We weten ook dat het formaat van een iPadscherm afwijkt van de meer bekende TFT schermen en dus moeten we mogelijk de beeldopbouw in de HTML aanpassen. Of misschien willen we iPad-gebruikers een speciale welkomstboodschap tonen? Hoe detecteren we dan een iPad device op onze site?

De techniek / het systeem is eenvoudig. Iedere website browser op iedere hardware (PC, Apple, iPhone, iPad, etc.) stuurt een zogenaamde USER_AGENT identificatie. Meestal is deze identifier correct, maar het is helaas niet 100% betrouwbaar omdat deze identificatie te manipuleren is en je jezelf als iets anders kunt uitgeven / voordoen (spoofing).

Een Apple gebruiker kan bijvoorbeeld de volgende code sturen als User Agent code:
Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_3; en-US) AppleWebKit/533.2 (KHTML, like Gecko) Chrome/5.0.347.0 Safari/533.2

Een Windows gebruiker met Internet Explorer stuurt bijvoorbeeld de volgende code:
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.5.30729; .NET CLR 3.0.30618; InfoPath.1)

Op basis van deze User Agent gegevens kun je dus vaststellen met welke browser en met welk soort systeem je te maken hebt. Op basis hiervan kun je dan een andere versie van de website tonen als je dat wilt. Voor een iPad systeem wil je misschien de layout van de site anders tonen.

Maar wat is dan de mogelijke User_Agent code van een iPad? Deze herken je als volgt:
Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version /4.0.4 Mobile/7B367 Safari/531.21.10

En als we toch bezig zijn, hieronder de code waarmee je een iPhone kunt detecteren:
Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_1_3 like Mac OS X; en-us) AppleWebKit/528.18 (KHTML, like Gecko) Version /4.0 Mobile/7E18 Safari/528.16

Je kunt de Useragent met diverse web talen uitlezen waaronder met Javascript, PHP, .Net, etc. Hoe je dat precies doet dat gaan we mogelijk in een andere posting uitleggen. Maar met Google kom je al heel ver.

Jammer, beetje verouderd artikel over ipad detectie. Kan tegenwoordig vast eenvoudiger!?

1 reactie

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

voordelen nadelen Wordpress
Webdesign
De voordelen en nadelen van WordPress

Misschien overweeg je een website te bouwen of te laten bouwen met behulp van WordPress. Of er is een andere reden dat je onderzoek doet naar WordPress. Hoe dan ook, je vraagt je af: Wat zijn de voordelen van WordPress? En wat zijn de nadelen? Dus je zoekt een duidelijk …

Webdesign
De beste Retro en Vintage Webdesigns

Grafisch ontwerpen is een vak apart. En vervolgens heb je het resultaat dat de één het einde vindt en de ander vindt het niets… kwestie van smaak zeggen we dan. Maar kwalitatief design is zeker herkenbaar en kwaliteit is geen kwestie van smaak. Binnen grafisch ontwerp zie je bepaalde stijlen …

Strato sitebuilder of Wordpress
Webdesign
STRATO Sitebuilder of WordPress?

Een begrijpelijke vraag die veel ondernemers hebben die een nieuwe site willen maken (of laten maken): kies ik voor STRATO sitebuilder of voor een eigen WordPress website? Het is geen eenvoudige afweging en ook afhankelijk van jouw specifieke situatie. Laten we voorop stellen dat geen van de hiervoor genoemde mogelijkheden …

Shares