No final de março, a Apple lançou seu tablet, o iPad, gerando um grande alvoroço no mercado. Objeto de desejos de muitos usuários, o iPad traz, também, novos formatos e a necessidade de se criar versões específícas de sites e aplicativos que rodarão, via browser, no tablet.

Veremos, então, como detectar o userAgent e encaminhar a
resposta para o usuário.

userAgent

O userAgent fornecido pela Apple para o iPad, gerado pelo simulador é:

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/7B334b Safari/531.21.10

no modo iPhone:

Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.20 (KHTML, like Gecko) Mobile/7B298g

Com o userAgent em “mãos”, agora podemos reconhecer se o usuário está usando o iPad e dizer o que fazer.

JavaScript

Com uma expressão regular simples, verificamos se a string do userAgent
contém “iPad”:

navigator.userAgent.match(/iPad/i)  != null;

PHP

Vamos usar expressão regular novamente, com a função preg_match()
do PHP, para verificar o userAgent contém “iPad”:

preg_match("/iPad/i", $_SERVER['HTTP_USER_AGENT']);

.htAccess

RewriteCond% (HTTP_USER_AGENT) ^ .* .* $ IPAD
RewriteRule http://ipad.meusite.com.br ^(.*)$ [R = 301]

Prontinho, agora você pode redirecionar seus usuários para a versão “iPad” do seu site ou aplicar outros estilos, etc. Até a próxima!