JS判断当前页是否是微信浏览器打开代码与引导页 作者:30yi.cn     时间:2020-09-28

简单概括
安卓端APP的二维码一律放引导页的二维码,这样处理最为高效:如果是微信浏览器扫码则提示手机浏览器打开,是手机浏览器扫码则进入下载(引导页放一个js判断,是微信浏览器则无动作,是手机浏览器则自动跳转下载页)

在网站开发的过程中常有这样的需求:

用户在手机端点击下载按钮需要判断浏览器,如果是微信浏览器则引导用户使用手机浏览器打开页面进行下载,否则就直接下载。

此时,应该如何判断呢?

源码如下:

<script>
function iswechat(){  
    var ua = navigator.userAgent.toLowerCase();  
    if(ua.match(/MicroMessenger/i)=="micromessenger") {  
        window.location.href="/guide.html"
    } else {  
        window.location.href="这里是下载地址"
    }  
}
</script>

而后,在点击按钮上绑定点击事件,如 <a onclick="iswechat()">下载</a>

此时,如果是手机浏览器点击下载按钮,则会进入下载地址;如果是微信浏览器,则进入引导页。

引导页拓展:
微信浏览器引导页要怎么做?

1、安卓端APP的二维码一律放引导页的二维码,这样处理最为高效:如果是微信浏览器扫码则提示手机浏览器打开,是手机浏览器扫码则进入下载(引导页放一个js判断,是微信浏览器则无动作,是手机浏览器则自动跳转)
源码如下:
<script>
function iswechat(){  
    var ua = navigator.userAgent.toLowerCase();  
    if(ua.match(/MicroMessenger/i)=="micromessenger") {  
        
    } else {  
        window.location.href="/download/"
    }  
}
</script>

2、下载按钮按照最上方的方式绑定点击事件,这样就执行了多重判断,无论怎样都能跑通流程。

附件下载(单击打开或右键另存为):
微信浏览器判断代码.txt
4f12660cd5ab053fa964bc842c6ca3e5.txt (273 Bytes)
标签: 建站知识 JS