判断浏览器环境

2022-04-19  本文已影响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>
上一篇下一篇

猜你喜欢

热点阅读