隨着智能手機、平板電腦的流行和普及,用大屏幕手機上網的用戶愈來愈多,甚至可能會超過電腦用戶。傳統的網站是針對電腦屏幕設計的,對於手機等移動客戶端 體驗不好,須要放大和移動才能看清楚網頁內容,這種糟糕的體驗很容易讓客戶關掉瀏覽器而錯失商機。這時候應該有針對手機、平板電腦等移動設備設計的網頁, 使得用戶更容易獲取到完整有用的信息。ios
在首頁加上以下代碼:瀏覽器
<script src="/js/uaredirect.js" ></script> <script>uaredirect("/m/");</script>
uaredirect.js 的做用是判斷出訪問者用的是電腦仍是手機或平板電腦,代碼以下:app
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 } } } };