JS自动识别移动端和PC端,分配二级域名
2017-03-01 12:22
162 查看
使用方法:将下面代码放入你需要识别页面的hade标签前面,然后将下面的http://m.google.com 修改为您的手机版站点的地址!
代码使用方法:将http://m.google.com/修改为你页面跳转结果页地址,所以如果不仅仅是首页需要跳转那么其他每个页面都需要程序获取比如当前页面为http://yijile.com/log/239.html那么我就要设置为http://m.yijile.com/log/239.html这样访问239才会跳到手机版的239,如果只是填http://m.yijile.com/那么就会去手机版首页。
也就是说 网址不是填你的手机版域名,而是页面。不然你所有页面都会跳转到手机版首页
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
代码3转自:李军(http://jun.li/zhanzhang/auto-wap.html)
代码来源:http://siteapp.baidu.com/
2014-05-21 21:22 更新
转载请注明转自:一极乐(http://yijile.com/log/239.html)
代码使用方法:将http://m.google.com/修改为你页面跳转结果页地址,所以如果不仅仅是首页需要跳转那么其他每个页面都需要程序获取比如当前页面为http://yijile.com/log/239.html那么我就要设置为http://m.yijile.com/log/239.html这样访问239才会跳到手机版的239,如果只是填http://m.yijile.com/那么就会去手机版首页。
也就是说 网址不是填你的手机版域名,而是页面。不然你所有页面都会跳转到手机版首页
版本1
<script language="javascript"> //平台、设备和操作系统 var system ={ win : false, mac : false, xll : false }; //检测平台 var p = navigator.platform; system.win = p.indexOf("Win") == 0; system.mac = p.indexOf("Mac") == 0; system.x11 = (p == "X11") || (p.indexOf("Linux") == 0); //跳转语句,如果是手机访问就自动跳转到m.yijile.com页面 if(system.win||system.mac||system.xll){ }else{ window.location.href="http://m.yijile.com"; } </script>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
版本2
<script language="javascript"> function is_mobile() { var regex_match = /(nokia|iphone|android|motorola|^mot-|softbank|foma|docomo|kddi|up.browser|up.link|htc|dopod|blazer|netfront|helio|hosin|huawei|novarra|CoolPad|webos|techfaith|palmsource|blackberry|alcatel|amoi|ktouch|nexian|samsung|^sam-|s[cg]h|^lge|ericsson|philips|sagem|wellcom|bunjalloo|maui|symbian|smartphone|midp|wap|phone|windows ce|iemobile|^spice|^bird|^zte-|longcos|pantech|gionee|^sie-|portalmmm|jigs browser|hiptop|^benq|haier|^lct|operas*mobi|opera*mini|320x320|240x320|176x220)/i; var u = navigator.userAgent; if (null == u) { return true; } var result = regex_match.exec(u); if (null == result) { return false } else { return true } } if (is_mobile()) { document.location.href= 'http://m.yijile.com'; //修改http://m.yijile.com为你所需跳转目标页地址 } </script>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
版本3 百度webapp版
<!---识别手机或电脑的js开始---> <script language="javascript"> (function(){ var res = GetRequest(); var par = res['index']; if(par!='gfan'){ var ua=navigator.userAgent.toLowerCase(); var contains=function (a, b){ if(a.indexOf(b)!=-1){return true;} }; //将下面的http://m.yijile.com改成你的wap手机版页面地址 如我的 http://m.yijile.com var toMobileVertion = function(){ window.location.href = 'http://m.yijile.com/' } if(contains(ua,"ipad")||(contains(ua,"rv:1.2.3.4"))||(contains(ua,"0.0.0.0"))||(contains(ua,"8.0.552.237"))){return false} if((contains(ua,"android") && contains(ua,"mobile"))||(contains(ua,"android") && contains(ua,"mozilla")) ||(contains(ua,"android") && contains(ua,"opera")) ||contains(ua,"ucweb7")||contains(ua,"iphone")){toMobileVertion();} } })(); function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&"); for(var i = 0; i < strs.length; i ++) { theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]); } } return theRequest; } </script> <!---识别手机或电脑的js结束--->1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
代码3转自:李军(http://jun.li/zhanzhang/auto-wap.html)
代码来源:http://siteapp.baidu.com/
2014-05-21 21:22 更新
转载请注明转自:一极乐(http://yijile.com/log/239.html)
相关文章推荐
- H5开发:JS自动识别移动端和PC端,分配二级域名
- 网页自动识别移动端js,百度的,感觉挺好用的,兼容比较广
- 网页自动识别移动端js,百度的,感觉挺好用的,兼容比较广
- js实现自动识别手机端pc端跳转
- JS判断移动端和pc端加载不同页面
- clipboard.js 实现移动端和pc端复制到剪贴板功能
- 判断PC端还是移动端JS
- 移动端页面按手机屏幕分辨率自动缩放的js
- JS实现智能识别金钱数字输入(不是金钱数字则自动清空)
- 移动端页面按手机屏幕分辨率自动缩放的js
- 在js中window.setInterval() 实现ukey的自动识别
- 移动端页面通过js自动适配
- js判断是否为pc端或移动端
- PC端网站自动识别为移动版的前端代码!
- js实现一个可以兼容PC端和移动端的div拖动效果
- js实现一个可以兼容PC端和移动端的div拖动效果
- 区分PC端与移动端代码,涵盖C#、JS、JQuery、webconfig
- 移动端页面按手机屏幕分辨率自动缩放的js
- 移动端音频自动播放的方法(js)
- js实现一个可以兼容PC端和移动端的div拖动效果实例