实现网页自动检测当前所处的设备是电脑还是手机从而实现对应PC端和手机端的不同效果

最新推荐文章于 2024-08-21 09:02:37 发布

为倒萨大味道

最新推荐文章于 2024-08-21 09:02:37 发布

阅读量1.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：日常BUG修复

本文链接：https://blog.youkuaiyun.com/u012967454/article/details/86685393

日常BUG修复专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用JavaScript检查用户代理字符串的方法，以确定访问者是通过PC还是手机访问网站。通过检查特定的关键词，如'Android'、'iPhone'等，可以有效地识别移动设备，从而实现对不同设备的响应式设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function IsPC() {
        var userAgentInfo = navigator.userAgent;
        var Agents = ["Android", "iPhone",
            "SymbianOS", "Windows Phone",
            "iPad", "iPod"];
        var flag = true;
        for (var v = 0; v < Agents.length; v++) {
            if (userAgentInfo.indexOf(Agents[v]) > 0) {
                flag = false;
                break;
            }
        }
        return flag;
    }

    var flag = IsPC(); //true为PC端，false为手机端
    window.function () {
        console.log(flag);
        if(flag){
            //pc端时响应
		}else {
            document.getElementById('web').style.display='none';
            document.getElementById('phone').style.display='block'
		}
    }