隨著行動裝置的普及,企業的網路宣傳已經不能侷限在PC端,而需要同時在行動端有所建樹。對於公司網站來說,以前都是做的PC端的,當然手機等行動端也可以訪問,但是用戶體驗肯定不如完全適合的手機端來的方便。我們在為自己的網站做了WAP手機網站之後,如果有使用者透過手機造訪我們的企業頂級網域網站,那就判斷跳到專為的WAP網站。
這裡老左整理到目前自己在使用的2種JS腳本,因為之前一直有朋友跟我要,所以這裡分享出來。
第一種:直接JS腳本
<script type="text/javascript"> try { var urlhash = window.location.hash; if (!urlhash.match("fromapp")) { if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) { window.location="http://www.laozuo.org(更换成自己的WAP网站)"; } } } catch(err) { }</script>
第二種,稍微長一些,引用
function uaredirect(murl){ try { if(document.getElementById("bdmark") != null){ return; } var urlhash = window.location.hash; if (!urlhash.match("fromapp")){ if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) { location.replace(murl); } } } catch(err){} }
上述的腳本保持到mobile.js文件,然後在需要呼叫的頁面引用下面2個JS呼叫文件。
<script src="mobile.js" type="text/javascript"></script> <script type="text/javascript">uaredirect("http://www.laozuo.org(更换成自己的WAP网站)");</script>
經本人測試兩款js腳本皆可判斷手機瀏覽器類型跳轉WAP手機網站,需要的朋友直接拿過去用。