Optimiser ses applications Web
pour iPhone ou iPod Touch (2)

Après avoir fait le point sur les principales propriétés d'affichage des deux terminaux d'Apple, voici quelques astuces indispensables pour bien adapter un écran Web à ces environnements.

	Jay Salvat (Kuantic)
	Kuantic

Suite (et fin) de l'article Optimiser ses applications Web pour iPhone ou iPod Touch. Un article rédigé par Jay Salvat, après avoir adapté l'un des principaux services de Kuantic pour une consultation sur iPhone/iTouch. Il passe ici en revue un certain nombre d'astuces indispensables pour bien adapter un écran Web aux environnements d'Apple.

Détecter un iPhone/iTouch

Les User Agents renvoyés par l'iPhone et l'iTouch ressemblent à quelque chose comme ça. Quelques détails peuvent changer selon les versions :

User Agent iPhone

Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) 
AppleWebKit/420+ (KHTML, like Gecko) 
Version/3.0 Mobile/1A543a Safari/419.3

User Agent iPod iTouch

Mozilla/5.0 (iPod; U; CPU like Mac OS X; en) 
AppleWebKit/420.1 (KHTML, like Gecko) 
Version/3.0 Mobile/3A100a Safari/419.3

Détection en Javascript

if(navigator.userAgent.match(/iPhone/i) 
|| navigator.userAgent.match(/iPod/i)) {
  document.location="/iphone/" ;
}

Détection en Php

if (stristr($_SERVER['HTTP_USER_AGENT'], "iPhone") 
|| strpos($_SERVER['HTTP_USER_AGENT'], "iPod")) {
  header("location:/iphone/");
}