首頁 > web前端 > js教程 > 主體

分享兩個手機訪問pc網站自動跳轉手機端網站代碼_javascript技巧

WBOY
發布: 2016-05-16 16:16:34
原創
1252 人瀏覽過

4G降臨,行動網站已經一發不可收拾,pc端和行動端官網並存。如何讓別人造訪你的pc端的官網直接跳到行動端的網站呢?各位看官,小二上代碼!來了!

第一種方法: 需要手機端也網頁的資料同步

複製程式碼 程式碼如下:



第二種方法:

 <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://***.***.com");
</SCRIPT>
登入後複製

備註這裡的
mobile_device_detect("http://***.***.com");//裡面的地址填入的是您的行動端的網站位址呦。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板