秋刀鱼设计

团队专业网站建设、品牌产品推广服务

@helosh7年前

2014/12/02
15:02 星期二
代码猿

利用js来判断手机访问用户跳转到wap手机站

做网站,手机访问的用户一定要考虑,可是如何来判断是用手机在浏览还是电脑在浏览?

这里写两段js代码来实现:

第一种:直接JS脚本

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<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://wap.66mo.com(更换成自己的WAP网站)”;
}
}
}
catch(err)
{
}</script>

第二种,稍微长一些,引用

1
2
3
4
5
6
7
8
9
10
11
12
13
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调用文件。

1
2
<script src=”mobile.js” type=”text/javascript”></script>
<script type=”text/javascript”>uaredirect(“http://wap.66mo.com(更换成自己的手机网站)”);</script>

两种方法都可以使用,在安卓和IPHONE测试可行,在一些不支持js的低端机上无法实现。

利用js来判断手机访问用户跳转到wap手机站