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.

Gerelateerde Posts:

Een gedachte over “iPad detecteren”

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

Geef een reactie

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