Crear webs para iPhone,iPad y iPod

| 0 comentarios

iPhone

Al día de hoy los geeks aprecian los gadgets de la empresa Apple al grado que son los productos más pedidos en internet. Es por esta razón que estos aparatos están onmipresentes en las visitas de diversos sitios web, que para disgusto de muchos de los visitantes son web's poco amigables y en algunos casos incompatibles a la hora de mostrar el contenido (Caso de Web's puras en Flash entre otros casos)

Por esta razón si en las estadísticas de tu sitio web observas que son varios los visitantes con estos dispositivos, pues no desaproveches esa oportunidad para que tu web incursione en este nicho de dispositivos; aunque hay que aclarar que un buen numero de usuarios son muy exigentes, para ello tu sitio web no solo debe de ser compatible sino además debe de ser amigable y optimizado.

Para ello hay que leer las cabeceras HTTP en cada petición del usuario y enviar un CSS diferente o incluso una pagina diferente para sacar provecho a las dimensiones fisicas que se disponen en estos dispositivos.

El contenido del user-Agent pudiera ser (Con alguna variación en la versión):
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

iPod

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

iPad

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


Es mejor tener un sitio web que se visualice en diversos dispositivos y navegadores, ahora; para asertar al tipo de dispositivo del Apple puedes usar los siguientes Scripts:

PHP

// Apple detection array
$Apple = array();
$Apple['UA'] = $_SERVER['HTTP_USER_AGENT'];
$Apple['Device'] = false;
$Apple['Types'] = array('iPhone', 'iPod', 'iPad');
foreach ($Apple['Types'] as $d => $t) {
$Apple[$t] = (strpos($Apple['UA'], $t) !== false);
$Apple['Device'] |= $Apple[$t];
}
// is this an Apple device?
echo
"

Apple device? ", ($Apple['Device'] ? 'true' : 'false'),
"

\n

iPhone? ", ($Apple['iPhone'] ? 'true' : 'false'),
"

\n

iPod? ", ($Apple['iPod'] ? 'true' : 'false'),
"

\n

iPad? ", ($Apple['iPad'] ? 'true' : 'false'),
'

';

Javascript

// Apple detection object
var Apple = {};
Apple.UA = navigator.userAgent;
Apple.Device = false;
Apple.Types = ["iPhone", "iPod", "iPad"];
for (var d = 0; d < Apple.Types.length; d++) {
var t = Apple.Types[d];
Apple[t] = !!Apple.UA.match(new RegExp(t, "i"));
Apple.Device = Apple.Device || Apple[t];
}
// is this an Apple device?
alert(
"Apple device? " + Apple.Device +
"\niPhone? " + Apple.iPhone +
"\niPod? " + Apple.iPod +
"\niPad? " + Apple.iPad
);


Así para redireccionar podrías hacer un
if (Apple.iPhone) window.location.href="http://iphone.mysite.com/";