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:

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

1 reactie

Geef een reactie

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

Webdesign
WIX ook geschikt voor meer functionele websites

Op dit moment is Wix één van de meest bekende websitemaak-tools beschikbaar op het internet. Deze online oplossing bestaat al sinds 2007 en heeft sindsdien veel ontwikkelingen doorgemaakt. Met Wix kun je op eenvoudige wijze en zonder technische kennis via jouw internetbrowser een eigen website maken. Het is minder bekend …

mockup iwatch
Webdesign
Gratis mockup laptop en iwatch voor Photoshop

Wanneer je een ontwerp maakt dan wil je dit zo mooi en zo duidelijk mogelijk presenteren aan de klant. Voor een advertentie of een flyer is het toesturen van een PDF een uitstekende manier om het design aan de klant te tonen. Echter in het geval van webdesign of het …

Fotografie
Heb jij een factuur ontvangen voor inbreuk op auteursrechten?

Je hoort het wel vaker, een eigenaar van een website ontvangt op een dag een factuur van duizenden euro’s vanwege het gebruik van één of meerdere foto’s op de website waarvoor niet is betaald. De fotograaf of een vertegenwoordiger van de fotograaf (zoals een advocaat of een incasso bureau) stuurt …