JS判斷手機訪問頁面，根據手機訪問或者PC訪問跳轉

標籤：android   style   blog   http   color   os   java   io   ar   

當使用者訪問你網站時，如果是PC端訪問，則不作處理，如果是手機或者平板訪問，就跳轉到自己定義的手機頁面去，這個在做webapp的時候經常用到，把代碼分享給大家，希望對大家有所協助。

首先，你要在頁面中引用一個jsuaredirect.js，js源碼如下：

function uaredirect(f){try{if(document.getElementById("bdmark")!=null){return}var b=false;if(arguments[1]){var e=window.location.host;var a=window.location.href;if(isSubdomain(arguments[1],e)==1){f=f+"/#m/"+a;b=true}else{if(isSubdomain(arguments[1],e)==2){f=f+"/#m/"+a;b=true}else{f=a;b=false}}}else{b=true}if(b){var c=window.location.hash;if(!c.match("fromapp")){if((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))){location.replace(f)}}}}catch(d){}}function isSubdomain(c,d){this.getdomain=function(f){var e=f.indexOf("://");if(e>0){var h=f.substr(e+3)}else{var h=f}var g=/^www\./;if(g.test(h)){h=h.substr(4)}return h};if(c==d){return 1}else{var c=this.getdomain(c);var b=this.getdomain(d);if(c==b){return 1}else{c=c.replace(".","\\.");var a=new RegExp("\\."+c+"$");if(b.match(a)){return 2}else{return 0}}}};

View Code

然後調用：

<script type="text/javascript">uaredirect("http://www.weixh.net/wap/","http://www.weixh.net");</script>

前面一個參數為手機頁面，後面的參數為你的網站的網域名稱，需要注意的是：把這兩個js放到頁面的最頭部，不能讓手機使用者看到了電腦頁面的內容然後才跳轉，這樣的效果就欠佳了。

逸讀網就用到這個了，不過手機頁面直接用百度的webapp產生的，效果不太好，大家可以去看看www.eadu123.com

JS判斷手機訪問頁面，根據手機訪問或者PC訪問跳轉