帝国cms多终端方案,js通过替换子域名的方式访问手机版本网站

大家使用帝国cms多终端功能制作手机版时,如果手机端采用静态地址,那么生成的地址会是这样。

电脑版本 http://www.baidu.com/aa/b.html

手机版本 http://m.baidu.com/aa/b.com

除去采用了子域名外,其他地址完全一致。

这样我们可以采用在模板里匹配地址的方式来实现,也可以通过下面这段js来实现,替换子域名后跳转。

同时我们可以在手机端跳转到pc端的链接后边加上#pc来阻止页面重复跳转形成死循环。例如http://www.baidu.com#pc

折叠JavaScript 代码
  1. (function(Switch){  
  2. var switch_pc = window.location.hash;  
  3. var thisURL = document.location.href.replace(/^http:\/\/www\./,"http://m.");  
  4. if(switch_pc != "#pc"){  
  5.     if(/iphone|ipod|ipad|ipad|Android|nokia|blackberry|webos|webos|webmate|bada|lg|ucweb|skyfire|sony|ericsson|mot|samsung|sgh|lg|philips|panasonic|alcatel|lenovo|cldc|midp|wap|mobile/i.test(navigator.userAgent.toLowerCase())){  
  6.         Switch.location.href = thisURL ;  
  7.     }  
  8.   }  
  9. })(window);  

 

Tags: 多终端   手机
cms大学,为帝国cms用户提供动力
Copyright © 2016 CmsDX.com All Rights Reserved.