【JavaScript】通過JavaScript的方式，如果手機瀏覽器訪問PC版頁面，自動跳轉到手機版頁面
阿新 • • 發佈：2019-01-09
這個其實根本不用自己寫，因為在網上就有一個寫的非常不錯的js。
做到如下效果，如果是PC、平板訪問這個頁面，則顯示PC版的頁面，如果是手機訪問這個頁面則跳到手機版的頁面，同時不載入PC版頁面，直接跳轉。
首先，目錄結構如下：
其中JS資料夾中的uaredirect.js是從網上down下來的，其程式碼如下：
各位直接複製去用就可以了，然後再PC版頁面頭，加如下的東西：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}}}};
<script src="js/uaredirect.js" type="text/javascript"></script>
<script>uaredirect("ml.html");</script>其中上面的pc.html全程式碼如下：
ml.html程式碼如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="js/uaredirect.js" type="text/javascript"></script> <script>uaredirect("ml.html");</script> <title>PC</title> </head> <body> 此乃PC頁面 </body> </html> <script> alert("called"); </script>
沒有什麼特別的，都是些簡單得不能再簡單的HTML頁面。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>手機頁面</title> </head> <body> 此乃手機頁面 </body> </html>