通过JS判断是哪个手机APP打开的该页面并且判断是否是PC

本文探讨了如何在移动设备上通过微信扫码实现页面跳转的逻辑,包括移动终端浏览器版本识别和相应的页面提示。

  <script type="text/javascript">

        var browser = {
                versions: function () {
                    var u = navigator.userAgent, app = navigator.appVersion;
                    return {         //移动终端浏览器版本信息
                        trident: u.indexOf('Trident') > -1, //IE内核
                        presto: u.indexOf('Presto') > -1, //opera内核
                        webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
                        gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
                        mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
                        ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                        android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
                        iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
                        iPad: u.indexOf('iPad') > -1, //是否iPad
                        webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
                    };
                }(),
                language: (navigator.browserLanguage || navigator.language).toLowerCase()
            }
    
        if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面
            var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
            if (ua.match(/MicroMessenger/i) == "micromessenger") {
                    //在微信中打开
                   window.location.href="{ctx}/"
            }else{
           
                document.write("请使用微信扫此二维码!")
                
            }
          /*   if (ua.match(/WeiBo/i) == "weibo") {
                    //在新浪微博客户端打开
            }
            if (ua.match(/QQ/i) == "qq") {
                    //在QQ空间打开
                    alert("QQ");
            }
            if(/alipay/ig.test(ua)){
                alert("支付宝");
            }
            if (browser.versions.ios) {
                    //是否在IOS浏览器打开
            }
            if(browser.versions.android){
                    //是否在安卓浏览器打开
            } */
    } else {
            //否则就是PC浏览器打开
                document.write("请使用微信扫此二维码!")
    /*  alert("PC"); */      
    }
        </script>
————————————————
版权声明:本文为CSDN博主「自然鸟神」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/chenpeng19910926/article/details/52188479

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值