您的位置:首页 > 运维架构 > 网站架构

2款JS脚本判断手机浏览器跳转WAP手机网站

2014-12-18 16:40 429 查看
随着移动设备的普及,企业的网络宣传已经不能局限在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>

两种方法都可以使用,我在安卓和IPHONE测试可行。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: