Ну ни для кого не секрет, что с выходом 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». Однако всеми любимое число ещё долго будет в умах верстальщиков и дизайнеров сайтов. Как сказано в одном фильме – «Всё только начинается!».
