美文网首页
判断浏览器环境

判断浏览器环境

作者: 苍老师的眼泪 | 来源:发表于2022-04-19 11:06 被阅读0次
    <!DOCTYPE html>
    <html>
    
    <head>
        <meta charset="UTF-8">
        <title>判断浏览器的环境</title>
    </head>
    
    <body>
        <script>
            var ua = navigator.userAgent
    
            var is_mobile = /Android|Harmony|webOS|iPhone|iPod|BlackBerry/i.test(ua)
            if (is_mobile) {
                alert('移动端')
                console.log('移动端')
            } else {
                alert('非移动端 (PC或平板)')
                console.log('非移动端 (PC或平板)')
            }
    
            var is_ios = ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
            if (is_ios) {
                alert('ios 环境')
                console.log('ios 环境')
    
                var is_ipad = /iPad/i.test(ua)
                if (is_ipad) {
                    alert('ipad')
                    console.log('ipad')
                } else {
                    alert('非ipad')
                    console.log('非ipad')
                }
    
            } else {
                alert('安卓环境(包括华为鸿蒙)')
                console.log('安卓环境(包括华为鸿蒙)')
            }
    
            var wx = navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1;
            if (wx) {
                alert("是微信的")
                console.log('是微信的')
            } else {
                alert("不是微信")
                console.log('不是微信')
            }
    
            alert(navigator.userAgent);
            console.log(navigator.userAgent);
        </script>
    
    </body>
    
    
    </html>
    

    相关文章

      网友评论

          本文标题:判断浏览器环境

          本文链接:https://www.haomeiwen.com/subject/ogdsertx.html