Как определить пользователя, зашедшего с телефона

3 октября 2014 Антон Кулешов 2044 0

На сегодняшний день у многих высоко посещаемых и популярных сайтов есть мобильная версия. Но как же эти ресурсы определяют: с чего зашел пользователь на сайт? Этот вопрос мы и рассмотрим в статье, а также разберем скрипт, который поможет нам обеспечить необходимый функционал.

Реклама

Реализовать эту возможность конечно можно самому, и это будет не так уж сложно, но займёт определённо много времени. Поэтому лучше воспользоваться готовым решением, которое можно совершенно бесплатно скачать на сайте detectmobilebrowsers. На данном ресурсе вы сможете найти скрипт, реализованный на различных языках, настройках сервера и библиотек: Apache, ASP, ASP.NET, ColdFusion, C#, IIS, JSP, JavaScript, jQuery, Lasso, Nginx, Node.js, PHP, Perl, Python, Rails.

После того, как вы скачаете нужный вам код, то, открыв файл, найдёте там два огромных регулярных выражения, которые и творят магию. Вот пример PHP кода:

primer-koda-na-php-dlya-opredeleniya-brauzera

Как видно ничего сложно в скрипте не происходит. Берётся User-Agent из серверной переменной. Далее при помощи регулярных выражений определяется принадлежность браузера и, в зависимости от результата, перенаправление на нужную нам страницу.

Почему именно этот скрипт хорош? В начале статьи я говорил, что можно написать код самому, но это неблагодарное дело. На сегодняшний день столько мобильных устройств и браузеров, что можно утонуть в поиске интересующих нас User-Agent заголовков для составления собственных регулярных выражений. Тут же все фактически сделано за нас, учтено просто уйма устройств (какие именно можно узнать в разделе about), да и код периодически обновляется на сайте.

Подключение и настройка везде одинакова, кроме jQuery: необходимо поместить код из файла к себе в проект и поменять адрес, на который перенаправлять пользователя, если он зашёл с телефона.

В случае jQuery после того, как мы добавим скрипт к себе на страницу, получим новый объект browser. У этого объекта есть свои свойства: первое и основное mobile - если пользователь зайдет с телефона оно примет значение true, в противном случае false. Другие два определяют версию браузера и вид его.

vyvod-v-konsol-obekt-browser

Так, что если вы привыкли работать с библиотекой jQuery, то сможете очень легко определить браузер пользователя и его версию.

Вот и всё что я хотел рассказать по данной теме. В архиве вы найдёте все скрипты, актуальные на момент написания статьи.

Реклама
Комментариев еще не оставлено
no_avatar
Читайте далее

Ищем шрифты для оформления сайта

22 июля 2014 Антон Кулешов

Беря в верстку новый проект, очень часто сталкиваешься с проблемой отсутствия необходимых шрифтов, а если их нет у тебя – веб-разработчика, то, практически со 100% вероятностью, их нет и у рядового пользователя интернета, для которого ты и ваяешь сайт.

Как быстро найти и скачать нужные драйвера

18 июля 2014 ti1schweiger

Совсем недавно столкнулся с проблемой: найти и скачать драйвера для ноутбука HP. Модель была относительно новая с предустановленной восьмеркой, после сноса её и установки Windows 7 добрый десяток устройств отказались адекватно работать из-за отсутствия необходимых драйверов.

Плавное увеличение картинок при наведении курсора

27 ноября 2014 Антон Кулешов

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