js判断是pc端还是移动端（window.navigator.userAgent）

最新推荐文章于 2024-05-30 15:47:51 发布

星灭233

最新推荐文章于 2024-05-30 15:47:51 发布

阅读量6.5k

点赞数 10

分类专栏： JS 文章标签： javascript 前端 js

本文链接：https://blog.youkuaiyun.com/ksx2333/article/details/115979413

版权

JS 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一个JavaScript函数，用于判断设备是移动端还是PC端，并根据判断结果动态跳转到相应首页，避免了页面兼容问题。这种方法虽然增加了工作量，但能确保用户体验。

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

下方这个判断后多用于为pc端和移动端单独写页面的情况。
这样也避免了兼容问题。但得是多一倍的工作量额（只是为了提高质量）。

    <script>
        //定义一个函数判断是手机端还是pc端
        function isMobile(){
            if(window.navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)) {
              return true; // 移动端
            }else{
              return false; // PC端
            }
        }
        //    判断后的操作
        if(isMobile()){
            location.href="./mobile/index.html"
            // 判断true跳转到这个主页
        }else{
            location.href="./pc/index.html"
            // 判断false跳转到这个主页
        }
    </script>