建站技术网专注分享网站建设技术,网站建设教程,真正帮你学会做网站技术,轻松解决网站建设过程中遇到的常见问题,为广大站长服务。 网站地图 | 收藏本站 | 订阅
域名投资,就来找米网,认准网址:www.zhaomi.cc 专业仿站,就到仿站网:www.fangzhan.org
  站内公告: ·帝国cms教程内容已更新,欢迎关注     ·建站技术网采用阿里云服务器,备案已通    
您当前的位置:建站技术网 > cms教程 > 帝国cms教程

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

时间:2019-05-12 11:13:00  来源:网络收集  整理: 建站技术网 www.jzjsw.com     点击:0次

大家使用帝国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);  

 

标签:
文章标题:帝国cms多终端方案,js通过替换子域名的方式访问手机版本网站
文章网址:http://www.jzjsw.com/cmsJiaocheng/diguocms/11429.html
上一篇:帝国cms通过自定义页面功能生成sitemap.xml网站地图
下一篇:帝国cms整合discuz论坛,修改ucenter用户名长度限制的方法
来顶一下
返回首页
返回首页
相关文章
    无相关信息
推荐资讯
如何通过SEO优化排名赚钱?SEO赚钱方法
如何通过SEO优化排名赚
seo优化教程:网站seo内容优化
seo优化教程:网站seo
SEO细节:企业SEO如何快速为新站做出效果
SEO细节:企业SEO如何
电商技术将如何发展?2018年有这五个大胆预测
电商技术将如何发展?
最新文章
栏目更新
栏目热门