萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 手機站和電腦站自適應跳轉

手機站和電腦站自適應跳轉

     wap或者3g站用移動端設備和PC端訪問的自適應跳轉。意思就是說我用手機或ipad等移動設備訪問PC網站的時候,會自動跳轉到移動端,程序會去自動判斷或者識別來訪用戶是移動端還是PC端,下面的js代碼可以實現,功能介紹:比如當你用手機訪問www.heimaoseojishu.com會自動跳轉到這個黑帽網站的手機端,反則依然。

<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://www.heimaoseojishu.com");

</SCRIPT>

 

這些代碼我測試了大部分的移動設備,能找到的我都測了一遍,呵呵,都能識別並正確跳轉。能識別的分別有iPhone,iPod,iPad,android,Nokia,SymbianOS,Symbian,Windows Phone,Linux armv71,MAUI,UNTRUSTED/1.0,Windows CE,BlackBerry,IEMobile等。mobile_device_detect處替換你需要轉向的網址,使用方法是在head或foot區域加上這段代碼就可以。

copyright © 萬盛學電腦網 all rights reserved