js判断需要访问的页面在手机端还是PC端打开

「爱情、让人受尽委屈。」 2024-04-19 16:01 87阅读 0赞

方法一：

最原始写的是这样子， 发现在手机端打开pc端网页时，是跳转到pc端的链接，但是这个时候移动端页面显示不出来，而且会延迟页面渲染时间

<script type="text/javascript">
        var sUserAgent = navigator.userAgent.toLowerCase();
        var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
        var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
        var bIsMidp = sUserAgent.match(/midp/i) == "midp";
        var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
        var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
        var bIsAndroid = sUserAgent.match(/android/i) == "android";
        var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
        var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
    
        if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {//如果是上述设备就会以手机域名打开
            // alert('手机端');
            window.location.href = 'http://www.xxx.com/mobile/';
        }else{//否则就是电脑域名打开
            // alert('电脑端');
            window.location.href = 'http://www.xxx.com';
        }
    </script>

后来发现，其它不变，只要把判断改一下就ok啦。

在PC端只判断跳转移动端

//pc端项目
    
        if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM ){//如果是上述设备就会以手机域名打开 
            // alert('手机端');
            window.location.href = 'http://www.yyy.com/';//这里写移动端链接
        }

在移动端只判断跳转pc端

//移动端项目
    
        if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)){//如果是上述设备就会以手机域名打开,否则就是电脑域名打开
         // alert('pc端');
            window.location.href = 'http://www.xxx.com/';//这里为PC端链接
        }

方法二：

<script type="text/javascript">
    
       //移动端项目
    
           if(!/Android|webOS|iPhone|iPad|BlackBerry/i.test(navigator.userAgent)) {
    
               window.location.href = "http:www.xxx";//这里为pc端项目
    
               }
    
       </script>

<script type="text/javascript">
     
           //PC端项目
    
         //判断页面是在移动端还是PC端打开
        
        if(/Android|webOS|iPhone|iPad|BlackBerry/i.test(navigator.userAgent)) {
            window.location.href = "http:www.xxx.mobile";//这里为移动端链接
      }
    
      </script>

好啦，不管是使用方法一还是方法二，发现分开判断是比较好的选择，关于所判断的内容可根据需要自行修改~

相关参考链接：[https://www.cnblogs.com/gaohuijiao/p/6736155.html][https_www.cnblogs.com_gaohuijiao_p_6736155.html]

[https://blog.csdn.net/cuilei210/article/details/78790848][https_blog.csdn.net_cuilei210_article_details_78790848]

[https_www.cnblogs.com_gaohuijiao_p_6736155.html]: https://www.cnblogs.com/gaohuijiao/p/6736155.html
[https_blog.csdn.net_cuilei210_article_details_78790848]: https://blog.csdn.net/cuilei210/article/details/78790848

发表评论取消回复

表情：

评论列表（有 0 条评论，87人围观）

还没有评论，来说两句吧...

相关阅读

相关 js判断需要访问的页面在手机端还是PC端打开

法一：最原始写的是这样子，发现在手机端打开pc端网页时，是跳转到pc端的链接，但是这个时候移动端页面显示不出来，而且会延迟页面渲染时间 <script t...

「爱情、让人受尽委屈。」/ 2024年04月19日 16:01/ 0 赞/ 88 阅读

相关 PHP 判断访问来自手机端还是PC端

function：如果返回mobile则代表是移动端，如果返回pc则是电脑端。 / //判断是否手机设备 @retur

阳光穿透心脏的1/2处/ 2023年10月09日 11:39/ 0 赞/ 96 阅读

相关 laravel判断是手机移动端访问还是PC端访问

需求网站需要记录访问者是什么平台访问的网站解决在网上搜索发现可以使用`browser-detect`去使用的教程，但是自己使用发现报错，并不能使

た入场券/ 2023年06月15日 11:00/ 0 赞/ 24 阅读

相关 js判断是PC端还是手机端

效果预览：[https://miofly.gitee.io/resources/html/project/module/%E5%88%A4%E6%96%AD%E6%98%AF%

比眉伴天荒/ 2022年10月27日 06:16/ 0 赞/ 286 阅读

相关 js判断设备是PC端还是移动端

方法一 function IsPC() { var userAgentInfo = navigator.userAgent; va

喜欢ヅ旅行/ 2022年10月24日 05:54/ 0 赞/ 272 阅读

相关仿响应式html:JS来判断页面是在手机端还是在PC端打开的方法

我们想要的效果是pc文件和mobile文件统一入口，适配不同的设备。先看看项目的目录： ![这里写图片描述][SouthEast] 在index.html里面配置

约定不等于承诺〃/ 2022年06月04日 08:17/ 0 赞/ 161 阅读

相关使用JS来判断页面是在手机端还是在PC端打开的方法

在移动设备应用越来越广泛的今天，许多网站都开始做移动端的界面展示，两者屏幕尺寸差异很大，所以展示的内容也有所差别。于是就遇到一个问题，如何判断你的页面是在移动端还是在PC端打开

落日映苍穹つ/ 2022年04月25日 10:22/ 0 赞/ 207 阅读

相关判断是手机端还是PC端的代码

那天做到一个需要判断是手机端还是PC端的功能。我也不太懂，自己不会写，就在网上找了一下。找到的答案也是有的五花八门，最后看到一个比较简洁的就试用了一下，没得问题就继续用着了

梦里梦外;/ 2022年01月09日 06:39/ 0 赞/ 381 阅读

相关 php判断页面访问是移动端还是pc端

在使用浏览器发起的 HTTP 请求中，通常会包含一个识别标识。它名为 User Agent，简称 UA。它是一串包含了客户端基础信息的字符串。通过它可以方便的获取客户端的操作系

清疚/ 2021年09月30日 15:00/ 0 赞/ 564 阅读

相关 JS判断是手机端还是PC端

function browserRedirect() { var sUserAgent = navigator.use

青旅半醒/ 2021年09月18日 12:56/ 0 赞/ 599 阅读