随着智能手机、平板电脑的流行和普及,用大屏幕手机上网的用户越来越多,甚至可能会超过电脑用户。传统的网站是针对电脑屏幕设计的,对于手机等移动客户端 体验很差,需要放大和移动才能看清楚网页内容,这种糟糕的体验很容易让客户关掉浏览器而错失商机。这时候应该有针对手机、平板电脑等移动设备设计的网页, 使得用户更容易获取到完整有用的信息。
在首页加上如下代码:
<script src="/js/uaredirect.js" ></script> <script>uaredirect("/m/");</script>
uaredirect.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 } } } };