手機訪問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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM