首頁 > web前端 > js教程 > 主體

兩款JS腳本判斷手機瀏覽器類型跳轉WAP手機網站_javascript技巧

WBOY
發布: 2016-05-16 15:36:26
原創
1840 人瀏覽過

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板