手机访问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
<SCRIPT LANGUAGE="javascript">
 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网站自动跳转到手机网站代码(转)的主要内容,如果未能解决你的问题,请参考以下文章

手机访问PC网站自动跳转到手机网站代码

手机访问PC网站自动跳转到手机版

如何实现手机访问时自动跳转到手机网站上,而不是PC网站呢?独立的域名以及空间

手机浏览器访问PC网站,跳转到wap手机版网站

利用JS实现手机访问PC网址自动跳转到wap网站

PHP判断访问者手机移动端还是PC端的函数,亲测好用