专业帝国CMS企业网站建设,帝国CMS网站仿制,帝国cms企业网站制作
关注我们 | 收藏我们 | 帮助中心 | 付款方式
模板分类

用手机打开PC站点识别代码 跳转到手机站

发布者：    来源：      浏览次数：      发布时间：2015-10-27 21:13:29

 现在很多人用手机上网，但用手机打开PC站点，会出现整个网站混乱的状态，因为PC站点是按电脑尺寸来设计的，而手机屏幕又那么小，所以用手机打开PC站点会乱。那么如果有一个程序可以识别手机端就好了，这样我用手机打开PC站点时就会跳转到手机站点了。这样的程序是有的，只要在PC站点加上以下一段JS代码就行了。

 

01 <script>
02 //手机端跳转代码
03 var pc_style=""
04    var browser={
05     versions:function(){
06            var u = navigator.userAgent, app = navigator.appVersion;
07            return {//移动终端浏览器版本信息
08                 trident: u.indexOf('Trident') > -1, //IE内核
09                 presto: u.indexOf('Presto') > -1, //opera内核
10                 webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
11                 gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐内核
12                 mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/)&&u.indexOf('QIHU')&&u.indexOf('Chrome')<0, //是否为移动终端
13                 ios: !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
14                 android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
15                 iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1,//是否为iPhone或者QQHD浏览器
16                 iPad: u.indexOf('iPad') > -1, //是否iPad
17                 webApp: u.indexOf('Safari') == -1, //是否web应该程序，没有头部与底部
18                 ua:u
19             };
20          }(),
21          language:(navigator.browserLanguage || navigator.language).toLowerCase()
22 }
23  
24  
25 if(browser.versions.mobile&&!browser.versions.iPad){
26      this.location = "http://wap.xxxx.com";//你的手机网站
27 }
28 </script>
上一篇：帝国CMS灵动标签调用新闻正文内容第一张图片的方法
下一篇：帝国CMS使用技巧笔记（经验）