手机网站判断及跳转

现在智能手机上网越来越普遍了,为了获得用户体验增加网站流量,你有必要为你的网站增加一个访问端设备的判断功能,若发现是手机用户访问,则直接跳转到手机站,通过百度的APP site,很容易就可实现这功能。只需要复制下面代码就可以了。

  代码如下:

1
2
3
4
         <script src= "http://siteapp.baidu.com/static/webappservice/uaredirect.js"  type= "text/javascript" ></script>
         <script type= "text/javascript" >
             uaredirect( "http://www.cnblogs.com/sooboo/" );//这里的网址请改为你手机站的网址
         </script>

这个js代码如下:

1
function  uaredirect(f){ try { if (document.getElementById( "bdmark" )!= null ){ return } var  b= false ; if (arguments[1]){ var  e=window.location.host; var  a=window.location.href; if (isSubdomain(arguments[1],e)==1){f=f+ "/#m/" +a;b= true } else { if (isSubdomain(arguments[1],e)==2){f=f+ "/#m/" +a;b= true } else {f=a;b= false }}} else {b= true } if (b){ var  c=window.location.hash; if (!c.match( "fromapp" )){ if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))){location.replace(f)}}}} catch (d){}} function  isSubdomain(c,d){ this .getdomain= function (f){ var  e=f.indexOf( "://" ); if (e>0){ var  h=f.substr(e+3)} else { var  h=f} var  g=/^www\./; if (g.test(h)){h=h.substr(4)} return  h}; if (c==d){ return  1} else { var  c= this .getdomain(c); var  b= this .getdomain(d); if (c==b){ return  1} else {c=c.replace( "." , "\\." ); var  a= new  RegExp( "\\." +c+ "$" ); if (b.match(a)){ return  2} else { return  0}}}};

把这几行代码添加到你电脑站每个网页的头部就可以了,如果是模板生成的,则添加到模板的开头部分。若不使用模板,可添加到你网站的公共JS函数库文件中。



本文转自 gutaotao1989 51CTO博客,原文链接:http://blog.51cto.com/taoyouth/1605986

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript中,可以使用一些方法来判断用户是在手机端还是电脑端,并根据不同的设备类型进行跳转。 一种常见的方法是使用`navigator.userAgent`属性来获取用户的浏览器信息。用户的浏览器信息通常包括设备类型、操作系统信息和浏览器类型等。通过判断这些信息,可以确定用户是在手机端还是电脑端。 下面是一个简单的实现例子: ``` // 获取浏览器用户代理信息 var userAgent = navigator.userAgent; // 判断用户代理信息中是否包含Android、iPhone或iPad等关键词 var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent); // 根据设备类型进行跳转 if (isMobile) { // 手机跳转逻辑 window.location.href = 'mobile.html'; } else { // 电脑端跳转逻辑 window.location.href = 'desktop.html'; } ``` 上述例子中,首先通过`navigator.userAgent`获取用户代理信息,然后使用正则表达式`/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent)`判断用户代理信息中是否包含某些关键词,如果包含则表示用户是在手机端,否则则表示用户是在电脑端。根据判断结果,可以使用`window.location.href`将用户跳转到不同的页面。 当然,这只是一个简单的判断方法,无法保证100%准确,因为用户代理信息可以被篡改。如果需要更精确的判断,可以使用各种第三方库或框架,如jQuery Mobile、Bootstrap等,或者使用媒体查询CSS来适配不同设备。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值