JS判断是手机还是电脑访问网站,然后跳转到相应的网站

大多朋友现在都是用智能手机,随时随地都可以浏览网页,从我的网站统计里面也看到很多来路是手机等手持设备访问的,由于手持设备的屏幕比电脑小很多,所以就无法正常访问网站,所以就有必要再做个适合给手机等手持设备访问的网站,然后通过js判断是手机还是电脑访问网站再跳转到相应网站,这样也有助于用户体验。现在贴出代码(有2种方法),有需要的朋友可是试试。

第一种方法:

<script type="text/javascript">
<!-- 
//平台、设备和操作系统
var system ={
win : false,
mac : false,
xll : false
};
//检测平台
var p = navigator.platform;
system.win = p.indexOf("Win") == 0;
system.mac = p.indexOf("Mac") == 0;
system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
//跳转语句,如果是手机访问就自动跳转到wap.baidu.com页面
if(system.win||system.mac||system.xll){
}else{
window.location.href="手机网站地址";
}
-->
</script>

 

第二种方法(利用百度网站的JS代码):

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script>
<script type="text/javascript">uaredirect("手机站域名");</script>

 

第三种方法(这个代码是我从网上搜出来的,还没测试这段js判断是手机还是电脑访问网站代码有没效果。):

<script type="text/javascript">   
        (function(W){   
            if(/iphone|nokia|sony|ericsson|mot|samsung|sgh|lg|philips|   
panasonic|alcatel|lenovo|cldc|midp|wap|   
mobile/i.test(navigator.userAgent.toLowerCase())){   
                W.location.href = '跳转地址';   
           }   
              
        })(window)   
</script>

全文:http://laixueping.com/website/383.html
http://www.cnblogs.com/txw1958/p/baidu-app-uaredirect.html
posted @ 2015-04-13 14:15  stma  阅读(474)  评论(0)    收藏  举报