隨著移動互聯網的不斷普及,企業的網絡宣傳不僅只局限在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調用文件。
復制代碼 代碼如下:
<script src="mobile.js" type="text/javascript"></script>
<script type="text/javascript">uaredirect("http://www.laozuo.org(更換成自己的WAP網站)");</script>
兩種方法都可以使用,我在安卓和IPHONE測試可行。
以上就是通過兩種方式實現根據手機浏覽器類型跳轉WAP手機網站的全部內容,希望大家喜歡。