手机网站判断及跳转

简介:

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

相关文章
|
6月前
Discuz 手机版访问自动跳转到手机域名
Discuz 手机版访问自动跳转到手机域名
101 1
|
6月前
|
JavaScript
技术心得:根据不同访问设备跳转到PC页面或手机页面
技术心得:根据不同访问设备跳转到PC页面或手机页面
77 0
|
7月前
|
JavaScript 前端开发 UED
JS自动跳转手机移动网页
JS自动跳转手机移动网页
497 0
|
7月前
|
Java C# Android开发
Xamarin.Android | 界面跳转到手机自带的自启动管理界面,引导用户将APP加入自启动
为了帮助用户在使用 APP 时提高其稳定性和使用体验,有时候我们需要让安卓手机的界面跳转到手机自带的自启动管理界面,以此来引导用户将 APP 加入自启动,确保应用程序在后台运行时不被系统杀死,从而保证应用程序服务的稳定性和可靠性。同时,这也可以提高用户的使用体验,使用户能够更好地享受应用程序的功能和服务。
380 0
Xamarin.Android | 界面跳转到手机自带的自启动管理界面,引导用户将APP加入自启动
|
移动开发
过滤器实现手机跳转指定前缀url
过滤器实现手机跳转指定前缀url
54 0
|
数据采集 缓存 前端开发
漏刻有时数据可视化大屏常见问题(4)手机端数据采集ajax安卓手机安卓微信浏览器无法跳转的问题解决方案
漏刻有时数据可视化大屏常见问题(4)手机端数据采集ajax安卓手机安卓微信浏览器无法跳转的问题解决方案
114 0
|
Java Android开发 前端开发
判断客户端手机类型,并跳转到相应的app下载页面
实现的原理,是检测浏览器的 USER-AGENT 这个header,然后根据正则表达式来确定客户端类型。  如果都不匹配,Fallback回退策略是显示对应的页面,让用户自己选择。 适合采用二维码扫描方式下载APP: JSP版本的代码如下所示:其他服务端版本请百度搜索。
901 0
|
移动开发
手机网站支付使用钱包支付成功后跳转回同步页面又再次唤起了H5登录页面问题
说明:   很多商户在调用手机网站支付接口用户支付成功返回同步页面有再次唤起了H5支付的登录页面,这里和大家分享一下出现这个问题的原因。 一、手机支付宝APP没有登录造成,示例如下:   用户支付唤起支付宝钱包,但是支付宝钱包没有登录账户,如下图:   唤起支付宝出现登录页面如下图:  点击登录:   登录成功唤起收银台:  支付成功后点击左上角返回(安卓默认自动跳转到同步跳转页面,iOS需手动点击返回):  返回到同步跳转页面后,再次唤起H5登录页面:   如果出现登录这种问题,用户只要登录成功一次就不会再次出现这种情况。
2070 12
|
应用服务中间件 nginx Android开发
Nginx如何处理手机端和PC端跳转不同页面
如果是手机端和pc端需要跳转不同的页面, 则需要在nginx.conf中的location / {}中加入如下代码: if ($http_user_agent ~* '(Android|webOS|iPhone|iPod|BlackBerry)') { rewrite ^.
|
移动开发
手机网站支付中间页跳转支付宝App支付流程
iOS篇   1. 在商户H5页面,选择支付宝支付后,会出现支付宝H5支付中间页;  2. 打开链接,跳转支付宝App进行支付;  3. 支付完成后回到发起支付方App,触发 “已完成付款” 按钮,跳转商户H5支付成功页;  Android篇   1.
4605 0

热门文章

最新文章