手机端、PC端,js页面分端

最新推荐文章于 2021-10-05 15:09:25 发布

chance_yang

最新推荐文章于 2021-10-05 15:09:25 发布

阅读量170

点赞数

分类专栏：前端笔记文章标签： javascript html5

本文链接：https://blog.csdn.net/zhizunbaonb777/article/details/118076971

版权

前端笔记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文介绍了如何使用JavaScript通过`navigator.userAgent`判断设备类型，实现移动端和PC端页面的定向跳转。核心内容涉及正则表达式匹配和window.location.href操作。

摘要由CSDN通过智能技术生成

手机端、PC端分端,主要依赖于

navigator.userAgent.toLowerCase();

来判断当前访问的设备信息再来匹配跳转的分端页面,具体方式如下:

<script type="text/javascript">
    // 手机/pc 分端加载页面
    var fileRediret=()=>{
        // 获取设备信息
        let userAgent = navigator.userAgent.toLowerCase();
        // 正则表达式,判断设备类型
        let device=/ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile;
        if(device.test(userAgent)){
            // 跳转到对应的移动端页面
            window.location.href="移动端.html";
        }else{
            //跳转到PC端页面
            window.location.href="PC端.html"
        }
    }
    // 执行
    fileRediret();
</script>