js判断当前访问客户端是ios或安卓或微信

最新推荐文章于 2025-06-16 16:34:22 发布

原创最新推荐文章于 2025-06-16 16:34:22 发布 · 4.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js判断当前访问客户端是ios或安卓或微

javascript 同时被 2 个专栏收录

66 篇文章

订阅专栏

html5

14 篇文章

订阅专栏

本文介绍了一种使用JavaScript通过客户端的userAgent来判断访问来源的方法，包括不同类型的移动设备（如Android和iOS）、PC端以及是否来自微信等特定应用。此方法适用于简单的H5页面，能够根据不同访问环境跳转到相应的应用程序或网页。

做这样的判断，原则上应该是后台程序判断处理，更为严谨；但是在一些h5页面中，不需要太严格，则通过js也可做对应判断。

原理：通过判断客户端的userAgent方式解决。

代码如下：

    var $rongyinu_app="rongyinu://com.rongyinu.platform"; //app程序协议，可对应调取打开相应app
    var $android_url="/download/app1";
    var $ios_url="/download/app2";
    var $pc_url="http://www.baidu.com";

    if (/android/i.test(navigator.userAgent)){
        //判断为android
        if (navigator.userAgent.match(/MicroMessenger/i) != 'MicroMessenger'){
            //非微信，即浏览器访问
            window.location = $android_url;
            /*if(navigator.userAgent.indexOf('Chrome')>-1){
                //安卓原生浏览器支持scheme协议，可直接打开相应程序
                window.location = $rongyinu_app;
                setTimeout(function(){
                    //此处如果执行则表示没有app
                    window.location = $android_url;
                },600);
            }else{
                //非谷歌不支持scheme协议,则跳转至下载地址
                window.location = $android_url;
            }*/
        } else {
            //微信中不支持下载，则显示相应提示页面
            document.getElementById('weixin_pageto').style.display="block";
        }
    }else if (/ipad|iphone/i.test(navigator.userAgent)){
        //判断为ios
        window.location = $rongyinu_app;
        setTimeout(function(){
            //此处如果执行则表示没有app
            window.location = $ios_url;
        },600);

    }else{//pc端访问
        window.location = $pc_url;
    }