Визначення мобільного браузера javascript

1. Робимо визначення мобільного браузера javascript
2. Використовуємо визначення мобільного браузера javascript (приклади)

Наша взаимовыгодная связь https://banwar.org/

Визначення мобільного браузера javascript - це досить гостро стоїть сьогодні завдання, тому, що з приходом великої кількості різноманітних мобільних пристроїв, сайти стали трансформуватися і підлаштовуватися під їх рамки. Таким чином, для деяких сайтів дуже важливо відключити якийсь не дуже важливий функціонал в мобільних версіях (який до того ж може там і не працює).

Робимо визначення мобільного браузера javascript

Для цього можна використовувати спеціальну об'єкт-функцію на чистому Javascript, яка здатна за ознаками UserAgent визначити мобільний це браузер чи ні, а також уточнити який саме мобільний браузер.

В принципі вона зроблена за образом і подобою функції browser не так давно віддаленої з jQuery. Дивіться самі:

var isMobile = {Android: function () {return navigator.userAgent.match (/ Android / i); }, BlackBerry: function () {return navigator.userAgent.match (/ BlackBerry / i); }, IOS: function () {return navigator.userAgent.match (/ iPhone | iPad | iPod / i); }, Opera: function () {return navigator.userAgent.match (/ Opera Mini / i); }, Windows: function () {return navigator.userAgent.match (/ IEMobile / i); }, Any: function () {return (isMobile.Android () || isMobile.BlackBerry () || isMobile.iOS () || isMobile.Opera () || isMobile.Windows ()); }};

Це декларація і опис функції, яке потрібно вставити всередині тега <script> де-небудь в шапці сайту. А потім вже викликати її в потрібне для детекції місці.

Використовуємо визначення мобільного браузера javascript (приклади)

Наприклад нам потрібно визначити мобільний зараз браузер взагалі, або десктопний. Тоді потрібно зробити наступну перевірку:

if (isMobile.any ()) {// дія, яку потрібно зробити, якщо браузер мобільний}

А якщо потрібно перевірити буде якийсь певний мобільний браузер (наприклад приховати кнопку, якщо людина зайшла з iOS, то потрібно зробити ось так:

if (isMobile.iOS ()) {// дія, яку потрібно зробити, якщо браузер iOS}

У загальному і цілому, думаю, все зрозуміло. Будуть питання, пишіть коментарі.

Джерело коду: http://www.abeautifulsite.net/blog/2011/11/detecting-mobile-devices-with-javascript/

1 182

Також рекомендуємо: