首页 > 运营 > 建站经验 > 正文

在电脑端访问动端网页时如何正确跳转到对应的电脑端网址

2020-07-03 12:43:38
字体:
来源:转载
供稿:网友
这篇文章主要为大家详细介绍了在电脑端访问动端网页时如何正确跳转到对应的电脑端网址,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

      其实在之前错新网就在文章《JS实现PC段访问移动网页跳转到PC网址代码》一文中介绍过通过JS实现PC端访问移动网页进行页面跳转,同样织梦模板还在文章《DedeCMS移动端访问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/cuoxin/js/js.js"></script><script type="text/javascript">browserRedirect("https://www.cuoxin.com");</script>

最后错新网想说的是:其实还是自适应的网页好,省去了好多麻烦!

以上就是在电脑端访问动端网页时如何正确跳转到对应的电脑端网址的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持错新网。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表