- Робимо визначення мобільного браузера javascript
- Використовуємо визначення мобільного браузера 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