主页 > 教程合集 > 网站建设 >

PC端浏览移动端网页如何正确跳转到对应的PC端网址

时间:2019-08-25 阅读:0

以前在《DedeCMS移动端访问pc网址自动跳转m网址》一文中,余斗讲了如何在移动端访问PC网址链接后自动跳转到移动网址,用了两个方法,其中第一个方法也是余斗个人博客一直在用的方法。

PC端浏览移动端网页如何正确跳转到对应的PC端网址

然而,最近有个问题一直困扰余斗,就是在PC端打开移动网址的时候,一直显示的是移动端的网址,我们可不可以类似做一个跳转,判断是否是PC端,然后跳转移动端网址为PC端网址呢?

其实方法很简单,代码也差不多,首先做出判断:


//判断是否移动端,如果不是则跳转到指定的URL地址
function browserRedirect(url) {
        //只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值
        var sUserAgent = navigator.userAgent.toLowerCase();
        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 (bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
                //window.location.replace(url);
        }
    else {
                      window.location.replace(url);
                }
}
 

然后在移动端的网页头部做跳转指定即可:


<!-- PC跳转-->
<script type="text/javascript" src="/templets/yudou/js/js.js"></script>
<script type="text/javascript">browserRedirect("https://www.yudouyudou.com");</script>
 

其中DedeCMS各网页的跳转方法如文章《DedeCMS移动端访问pc网址自动跳转m网址

后语:其实还是自适应的网页好,省去了好多麻烦!

本站所有资源均在Resource资源站有售,你可以点击》》Resource《《进入资源站自助购买,也可以扫描以下店铺二维码直接选购,自动极速发货

余斗微信二维码

扫描微信加好友咨询
了解更多

余斗淘宝店铺二维码

淘宝扫描二维码购买
自动发货

余斗余斗
  • 版权声明:原创文章由发表在网站建设分类下,2019-08-25最后更新,转载注明出处。

相关推荐

返回顶部