手机网站判断及跳转

简介:

现在智能手机上网越来越普遍了,为了获得用户体验增加网站流量,你有必要为你的网站增加一个访问端设备的判断功能,若发现是手机用户访问,则直接跳转到手机站,通过百度的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

相关文章
|
3月前
|
前端开发 小程序
前端解析支付宝返回form表单,自动跳转支付
前端解析支付宝返回form表单,自动跳转支付
106 1
|
5月前
|
小程序 前端开发
小程序扫码成功后带着参数跳转到指定页面
小程序扫码成功后带着参数跳转到指定页面
110 0
|
8月前
|
小程序 开发者
微信小程序怎么获取后台接口,报不在以下 request 合法域名列表中怎么办。
微信小程序怎么获取后台接口,报不在以下 request 合法域名列表中怎么办。
145 0
|
10月前
|
小程序
支付宝扫码跳转小程序并传参
支付宝扫码跳转小程序并传参
775 0
|
3月前
|
小程序
微信小程序实现不同按钮跳转同一个页面显示不同内容
微信小程序实现不同按钮跳转同一个页面显示不同内容
69 0
|
20天前
|
小程序 UED
微信小程序跳转的几种方式
微信小程序跳转的几种方式
|
26天前
|
小程序 前端开发 开发者
微信小程序——跳转方式
微信小程序——跳转方式
19 0
|
2月前
|
小程序 JavaScript 前端开发
【每周一个小技巧】支付宝小程序跳转生活号的几种方式
【每周一个小技巧】支付宝小程序跳转生活号的几种方式
34 1
|
2月前
|
移动开发 小程序 API
【每周一个小技巧】支付宝小程序内如何跳转生活号文章
【每周一个小技巧】支付宝小程序内如何跳转生活号文章
90 1
|
2月前
|
小程序 JavaScript 前端开发
【每周一个小技巧】支付宝小程序如何跳转到支付宝搜索页面
【每周一个小技巧】支付宝小程序如何跳转到支付宝搜索页面
34 0