Как вы уже поняли, речь пойдет о самом горячем устройстве весны-лета iPad. Это устройство просто невероятно, стильно и очень удобно в управлении, впрочем, как и все устройства от Apple.
Давайте попробуем сделать сайты более дружелюбными к iPad. Для этого конечно же нужно знать, что на сайт зашли именно с этого устройства...
На официальной странице разработчиков Apple есть строка user agent следующего вида:
1 |
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 |
Учитывая данные этой строки, мы и создадим несколько сниппетов для обнаружения iPad.
JavaScript
1 |
var isiPad = navigator.userAgent.match(/iPad/i) != null; |
Регулярное выражение String.match может быстро найти вхождение “iPad” в строку user agent.
PHP
1 |
$isiPad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad'); |
Примерно тоже самое делаем и в PHP, ищем вхождение “iPad” в строку user agent.
.htaccess
1 2 |
RewriteCond %{HTTP_USER_AGENT} ^.*iPad.*$ RewriteRule ^(.*)$ [R=301] |
Используя интересную идею из поста Drew Douglass, мы можем с помощью htaccess перенаправлять пользователей на мобильную версию Вашего сайта.
В чем соль? В том, что Вы можете перенаправлять iPad пользователей на различные версии Вашего вебсайта. И как результат, лучшая конверсия трафика сайта.