手机访问PC网站自动跳转到手机网站代码(转)
Posted xihong
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了手机访问PC网站自动跳转到手机网站代码(转)相关的知识,希望对你有一定的参考价值。
4G时代,手机网站已经非常普遍了,一般手机网站都有一个二级域名来访问,比如 m.16css.com 如果手机直接访问www.16css.com 就是PC网站,在手机上浏览电脑版网站体验非常不好。
如果能够手机访问PC端电脑网站自动跳转到手机网站就好了:
代码如下:
将以下代码放在首页区
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
35
36
37
38
39
40
41
42
|
function mobile_device_detect(url) { var thisOS=navigator.platform; var os= new Array( "iPhone" , "iPod" , "iPad" , "android" , "Nokia" , "SymbianOS" , "Symbian" , "Windows Phone" , "Phone" , "Linux armv71" , "MAUI" , "UNTRUSTED/1.0" , "Windows CE" , "BlackBerry" , "IEMobile" ); for ( var i=0;i<os.length;i++) { if (thisOS.match(os[i])) { window.location=url; } } //因为相当部分的手机系统不知道信息,这里是做临时性特殊辨认 if (navigator.platform.indexOf( ‘iPad‘ ) != -1) { window.location=url; } //做这一部分是因为Android手机的内核也是Linux //但是navigator.platform显示信息不尽相同情况繁多,因此从浏览器下手,即用navigator.appVersion信息做判断 var check = navigator.appVersion; if ( check.match(/linux/i) ) { //X11是UC浏览器的平台 ,如果有其他特殊浏览器也可以附加上条件 if (check.match(/mobile/i) || check.match(/X11/i)) { window.location=url; } } //类in_array函数 Array.prototype.in_array = function (e) { for (i=0;i< this .length;i++) { if ( this [i] == e) return true ; } return false ; } } mobile_device_detect( "http://m.16css.com" ); </SCRIPT> |
倒数第二行中的 http://m.16css.com 就是要跳转到的手机版网址。
还有一种比较简单的JS代码,测试也可以的
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<script type= "text/javascript" > try { var urlhash = window.location.hash; if (!urlhash.match( "fromapp" )) { if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) { window.location= "http://m.16css.com/" ; } } } catch (err) { } </script> |
第三款代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<script type= "text/javascript" > // JavaScript Document function urlredirect() { var sUserAgent = navigator.userAgent.toLowerCase(); if ((sUserAgent.match(/(ipod|iphone os|midp|ucweb|android|windows ce|windows mobile)/i))) { // PC跳转移动端 var thisUrl = window.location.href; window.location.href = thisUrl. substr (0,thisUrl.lastIndexOf( ‘/‘ )+1)+ ‘mobile/‘ ; } } urlredirect(); </script> |
http://www.16css.com/page_code/1157.html
以上是关于手机访问PC网站自动跳转到手机网站代码(转)的主要内容,如果未能解决你的问题,请参考以下文章