js判断手机端操作系统

最新推荐文章于 2024-08-07 10:12:47 发布

阿聪世家

最新推荐文章于 2024-08-07 10:12:47 发布

阅读量6.8k

点赞数

分类专栏： jquery学习文章标签： web前端开发

本文链接：https://blog.csdn.net/congcong875/article/details/49426725

版权

jquery学习专栏收录该内容

32 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js判断手机端操作系统</title>
</head>
<body>
<script>

    //打开页面加载
    function onload()
    {
        window.location.href ="Android.html";
    }

    $(onload);

    //第一种方法

    //判断手机端操作系统(Andorid/IOS),并自动跳转相应下载界面
     androidURL ="http://xxx/xxx.apk";

      var browser = {
           versions: function() {
                 var u = navigator.userAgent,
                     app = navigator.appVersion;
                 return {
                         android: u.indexOf("Android") > -1 || u.indexOf("Linux") >-1,
                         iPhone: u.indexOf("iPhone") > -1 ,
                         iPad: u.indexOf("iPad") >-1,
                         iPod: u.indexOf("iPod") > -1,
                       };
                 } (),
            language: (navigator.browserLanguage || navigator.language).toLowerCase()
         }

         if (browser.versions.iPhone||browser.versions.iPad||browser.versions.iPod)
             {
                //如果是ios系統，直接跳轉至appstore該應用首頁，傳遞参數为該應用在appstroe的id號
                window.location.href="itms-apps://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=123456";
             }
             else if(browser.versions.android)
             {
                window.location.href = androidURL;
             }

    /* //第二种方法
        if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
            //alert(navigator.userAgent);
            window.location.href ="iPhone.html";
        } else if (/(Android)/i.test(navigator.userAgent)) {
            //alert(navigator.userAgent);
            window.location.href ="Android.html";
        } else {
            window.location.href ="pc.html";
        };




    */
</script>
</body>
</html>