欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

[JavaScript]何判断当前浏览器是不是微信浏览器

程序员文章站 2022-07-14 22:55:25
...

在进行微信公众账号开发的时候,其中很大一块是微站点的开发,我们需要知道当前的浏览器是微信内置的浏览器,那么如何判断呢?

微信内置浏览器的 User Agent

如何判断微信内置浏览器,首先需要获取微信内置浏览器的User Agent,经过在 iPhone 上微信的浏览器的检测,它的 User Agent 是: Mozilla/5.0 (iPhone; CPU iPhone OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Mobile/10B329 MicroMessenger/5.0.1

所以用JavaScript 识别 MicroMessenger 这个关键字来确定是否微信内置的浏览器了。

<!DOCTYPE HTML>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>判断是否是微信内置浏览器</title>
</head>
<body>
    <h1>如果用微信浏览器打开可以看到下面的文字</h1>
    <p id="pp" style="font-size: 20px;"> </p>
</body>
</html>
<script type="text/javascript"> 
 function isWeiXin(){
    var ua = window.navigator.userAgent.toLowerCase();
    if(ua.match(/MicroMessenger/i) == 'micromessenger'){
        return true;
    }else{
        return false;
    }
} 
if (!isWeiXin()) { 
    //document.getElementById('pp').innerHTML = window.navigator.userAgent; 
//  window.location.href="../html/Common/IsWxNotOpen.html";
    document.getElementById('pp').innerHTML = '请在微信浏览器打开';
} else {
    document.getElementById('pp').innerHTML = '我是在微信浏览器打开的';
}
</script>

参考链接:https://blog.csdn.net/mydudu2005/article/details/84511405

相关标签: javascript