DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 兩款JS腳本判斷手機浏覽器類型跳轉WAP手機網站
兩款JS腳本判斷手機浏覽器類型跳轉WAP手機網站
編輯:關於JavaScript     

隨著移動設備的普及,企業的網絡宣傳已經不能局限在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手機網站,需要的朋友直接拿過去用。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved