首頁 > web前端 > js教程 > JS腳本根據手機瀏覽器類型跳轉WAP手機網站(兩種方式)_javascript技巧

JS腳本根據手機瀏覽器類型跳轉WAP手機網站(兩種方式)_javascript技巧

WBOY
發布: 2016-05-16 15:47:25
原創
1465 人瀏覽過

隨著行動網路的不斷普及,企業的網路宣傳不僅只侷限在PC端,也要在行動端發展。我們在自己的網站做了WAP手機完整之後,如果有用戶透過手機造訪我們的企業頂級網域網站,就要判斷跳到專為的WAP網站,下面小編透過兩種方式介紹根據手機瀏覽器類型跳轉WAP手機網站,具體內容如下。

第一種方式:直接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呼叫文件。

複製程式碼 程式碼如下:




兩種方法都可以使用,我在安卓和IPHONE測試可行。

以上就是透過兩種方式實現根據手機瀏覽器類型跳轉WAP手機網站的全部內容,希望大家喜歡。

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