Определение iPad с помощью JavaScript или PHP

Ну ни для кого не секрет, что с выходом iPad началась новая эра в распространении и использовании мобильных планшетов.
Естественно новый класс устройств добавляет головной боли для программистов и верстальщиков.

Дэвид Уолш (David Walsh) в своей заметке даёт несколько советов как определить что сайт отображается в браузере Safari на iPad.

Вот такую строку User-Agent возвращает браузер 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/7B334b Safari/531.21.10

Несколько советов как определить в каком браузере отображается сайт

JavaScript

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

PHP

$isiPad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad');

Ну и на закуску совет как перенаправить пользователя на специальную версию сайта, созданную под iPad. Довольно полезно если ваш “нормальный” сайт использует Flash – как известно эта технология в iPad не поддерживается.

.htaccess

RewriteCond %{HTTP_USER_AGENT} ^.*iPad.*$
RewriteRule ^(.*)$ http://ipad.yourdomain.com [R=301]

Я то думал что с повсеместным внедрением мониторов с диагональю от 22″ и разрешением от 1600 пикселей по ширине сайты постепенно будут уходить от “width: 960px”. Однако всеми любимое число ещё долго будет в умах верстальщиков и дизайнеров сайтов. Как сказано в одном фильме – “Всё только начинается!”.

• ← Firefox 3.6.3
• CSS Naked Day 2010 →