确定设备类型 IOS 或 Android 的 Javascript 和 sho div 取决于答案

【问题标题】：Javascript to determination the device type IOS or Android and sho div depend on that确定设备类型 IOS 或 Android 的 Javascript 和 sho div 取决于
【发布时间】：2014-03-31 08:54:38
【问题描述】：

下面是我的代码我需要做的是如果移动安卓显示 ANDROID_USERS div 如果 iphone 只显示 IOS_USERS div 一次“第一次访问”每件事都以正确的方式工作但是当我使用这个https://chrome.google.com/webstore/detail/user-agent-switcher/lkmofgnohbedopheiphabfhfjgkhfcgf

它没有以正确的方式检查手机类型我需要知道我是否以正确的方式检查手机类型？

    <head>
    <style>
            #IOS_USERS {
                display: block;
                display:none;
            }

            #ANDROID_USERS {
                display: block;
                display:none;
            }

    </style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>
//check mobile type
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/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());
    }

};

            function setCookie(cname, cvalue, exdays) {
                var d = new Date();
                d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
                var expires = "expires=" + d.toGMTString();
                document.cookie = cname + "=" + cvalue + "; " + expires;
            }


            function getCookie(cname) {
                var name = cname + "=";
                var ca = document.cookie.split(';');
                for (var i = 0; i < ca.length; i++) {
                    var c = ca[i].trim();
                    if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
                }
                return "";
            }

            function MarkVisited() {
                setCookie("visited", "visited", 10)
            }

            function ClearCookie(cname) {
                setCookie(cname, "", 1)
            }



            $(document).ready(function() {

                 if (getCookie('visited') == "" && isMobile.iOS()) {
                    $('#ANDROID_USERS').hide();
                    $('#IOS_USERS').show();
                }
                else if (getCookie('visited') == "" && isMobile.Android()) {
                    $('#ANDROID_USERS').show();
                    $('#IOS_USERS').hide();
                }
                MarkVisited();
            });
</script>
    </head>
    <body>

        <div id="IOS_USERS">
         IOS 
        </div>
        <div id="ANDROID_USERS">
         ANDROID 
        </div>
        <button id="ClearCookie" onClick="ClearCookie('visited')">Clear Cookie</button>
    </body>

</html>

【问题讨论】：

标签： javascript android jquery html iphone

【解决方案1】：

您可以根据设备操作系统为 Android 和 Iphone 使用单独的 css，您可以加载 css，这是处理它的最佳方式。 Detect device and swap the CSS file - jQuery

【讨论】：

你能说得更具体些吗
我想测试我的代码，知道它是否运行良好？在网上的东西
将用户代理添加到您的浏览器并检查它。 chrome.google.com/webstore/detail/user-agent-switcher/…
请检查我的问题，我会更新它，但仍以磨损的方式检查手机
请检查我的问题