用JavaScript检测移动设备[重复]

Question

但我想显示Android谷歌Play徽章，如果它是Android和苹果商店徽章，如果它是iOS，但出于某种原因，下面的代码不工作。有人能告诉我我做错了什么吗？

    var isMobile = {
    Android: function() {
        return navigator.userAgent.match(/Android/i);
    },
    iOS: function() {
        return navigator.userAgent.match(/iPhone|iPad /i);
    },
};

if (isMobile.Android()) {
    document.getElementById("googlePlayBadge").innerHTML = "<img src='modal-img/googlePlayBadge.png' alt='Google Play' class='img-responsive' />";
} else {
    if (isMobile.iOS()) 
    document.getElementById("appStoreBadge").innerHTML = "<img src='modal-img/appStoreBadge.png' alt='App Store' class='img-responsive' />";
};

<section class="text-center">
   <div id="appStoreBadge"></div>
   <div id="googlePlayBadge"></div>
 </section>

Answer 1

使用JS可靠地检测设备是困难的，伙计。大多数理智的人都会避免。

有些库可以做到这一点，但如果开销太大：

var useragent = navigator.userAgent.toLowerCase();

var isAndroid = useragent.indexOf("android") > -1; //&& ua.indexOf("mobile");

if(isAndroid) {

alert('I am an android device');

}

如果出于某种原因，你根本不关心android或iOS以外的任何东西（如windows Phone、blackberries等），你可以检查触摸事件是否可用，然后检查它是否是iOS（因为这更可靠），如果它！=iOS但确实有触摸，你可以显示play store图标。