博客文章

织梦dedecms电脑端浏览移动端页面自动跳转到对应的PC端

03月19日

最近用织梦做网站的时候，发现就是在 PC 端打开移动网址的时候，一直显示的是移动端的网址，我们可不可以类似做一个跳转，判断是否是 PC 端，然后跳转移动端网址为 PC 端网址呢？

两种方法：

1，不要使用织梦的自带移动端，改为自适应网站（改造难度比较大，可以采用跨屏平台开发的cross-dedecms 添加一行代码快速适配手机免费方案，这里不累述，具体可以了解。）

2，做一个jump.js来执行判断跳转

跳转的方法很简单，首先做出判断：

第一步：新建一个jump.js文件

//判断是否移动端，如果不是则跳转到指定的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=“skin/js/jump.js”></script>(移动端文件路径)

首页移动端页面:index_m.htm 添加

<script type=“text/javascript”>browserRedirect(“{dede:global.cfg_basehost/}”);</script>

移动端列表(封面)页面:list_article_m.htm 添加

<script type=”text/javascript”>browserRedirect(“{dede:global.cfg_basehost/}{dede:type typeid=’0′ row=1}[field:typelink /]{/dede:type}”);</script>

移动端内容页:article_article_m.htm 添加

<script type=”text/javascript”>browserRedirect(“{dede:global.cfg_basehost/}{dede:type typeid=’0′ row=1}[field:typelink /]{/dede:type}{dede:field.id/}.html”);</script>

以上是我亲自测试有用.前提是要移动端静态化。

 

返回