Как определить, является ли браузер iOS, андроид или рабочий стол с помощью jquery?

Question

Идея состоит в том, чтобы сделать кнопку, которая говорит «получить приложение сейчас» со ссылкой, которая изменяется в зависимости от того, является ли ее iPhone Android Android или нет. Я просмотрел stackexchange за ответы, но ничего не понятно для кого-то, кто не имеет опыта Js

Answer 1

Попробуйте это,

Неизвестный является настольный компьютер или любой другой телефон

function getMobileOperatingSystem() { 
    var userAgent = navigator.userAgent || navigator.vendor || window.opera; 

    if(userAgent.match(/iPad/i) || userAgent.match(/iPhone/i) || userAgent.match(/iPod/i)) 
    { 
    return 'iOS'; 

    } 
    else if(userAgent.match(/Android/i)) 
    { 

    return 'Android'; 
    } 
    else 
    { 
    return 'unknown'; 
    } 
} 

Источник: Detecting iOS/Android Operating system

Answer 2

Использование пользовательский агент является правильным подходом, но iOS и Android - не единственные мобильные платформы. Вы должны убедиться, что устройство также не BlackBerry, Windows Phone, и т.д. ... Я знаю, что это не так часто, как прошивка и Android, но все-таки ...

Я написал эту is-mobile component, который может обнаружить ли вы работающих на Android, iOS и других мобильных платформах. Он также имеет функцию .any(), которая сообщит вам, если вы используете ЛЮБОЕ мобильное устройство, рассматривая различные платформы там. Если он возвращает false, вы находитесь на рабочем столе.

Вы можете импортировать его и использовать, как показано в следующих примерах:

isMobile.Android() => true/false 
isMobile.iOS() => true/false 
isMobile.BlackBerry() => true/false 
isMobile.Windows() => true/false 
isMobile.any() => true/false 

Answer 3

// Чтобы проверить устройство является мобильным или настольным.

if(jQuery.browser.mobile) 
{ 
    console.log('You are using a mobile device!'); 
} 
else 
{ 
    console.log('You are not using a mobile device!'); 
} 

// Обнаружение IPad

var isiPad = /ipad/i.test(navigator.userAgent.toLowerCase()); 
if (isiPad) 
{ 
    ... 
} 

// Обнаружение iPhone

var isiPhone = /iphone/i.test(navigator.userAgent.toLowerCase()); 
if (isiPhone) 
{ 
    ... 
} 

// Обнаружение IPOD

var isiPod = /ipod/i.test(navigator.userAgent.toLowerCase()); 
if (isiPod) 
{ 
    ... 
} 

// Обнаружение чтения компакт-дисков

var isiDevice = /ipad|iphone|ipod/i.test(navigator.userAgent.toLowerCase()); 

if (isiDevice) 
{ 
    ... 
} 

// Обнаружение Andriod

var isAndroid = /android/i.test(navigator.userAgent.toLowerCase()); 

if (isAndroid) 
{ 
    ... 
} 

// Обнаружение Blackberry

var isBlackBerry = /blackberry/i.test(navigator.userAgent.toLowerCase()); 

if (isBlackBerry) 
{ 
    ... 
} 

// Обнаружение WebOS

var isWebOS = /webos/i.test(navigator.userAgent.toLowerCase()); 

if (isWebOS) 
{ 
    ... 
} 

// Обнаружение Windows Phone

var isWindowsPhone = /windows phone/i.test(navigator.userAgent.toLowerCase()); 
if (isWindowsPhone) 
{ 
    ... 
} 

Указанный код - это то, что я нашел по следующей ссылке. https://www.sitepoint.com/detect-mobile-devices-jquery/