判断客户端手机类型,并跳转到相应的app下载页面
实现的原理,是检测浏览器的 USER-AGENT 这个header,然后根据正则表达式来确定客户端类型。
如果都不匹配,Fallback回退策略是显示对应的页面,让用户自己选择。
适合采用二维码扫描方式下载APP:
JSP版本的代码如下所示:其他服务端版本请百度搜索。
<%@page import="java.util.regex.Matcher"%> <%@page import="java.util.regex.Pattern"%> <%@ page language="java" pageEncoding="UTF-8"%> <%! // \b 是单词边界(连着的两个(字母字符 与 非字母字符) 之间的逻辑上的间隔),字符串在编译时会被转码一次,所以是 "\\b" // \B 是单词内部逻辑间隔(连着的两个字母字符之间的逻辑上的间隔) String androidReg = "\\bandroid|Nexus\\b"; String iosReg = "ip(hone|od|ad)"; Pattern androidPat = Pattern.compile(androidReg, Pattern.CASE_INSENSITIVE); Pattern iosPat = Pattern.compile(iosReg, Pattern.CASE_INSENSITIVE); public boolean likeAndroid(String userAgent){ if(null == userAgent){ userAgent = ""; } // 匹配 Matcher matcherAndroid = androidPat.matcher(userAgent); if(matcherAndroid.find()){ return true; } else { return false; } } public boolean likeIOS(String userAgent){ if(null == userAgent){ userAgent = ""; } // 匹配 Matcher matcherIOS = iosPat.matcher(userAgent); if(matcherIOS.find()){ return true; } else { return false; } } %> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; // String userAgent = request.getHeader( "USER-AGENT" ).toLowerCase(); System.out.println("userAgent: "+userAgent); if(null == userAgent){ userAgent = ""; } if(likeAndroid(userAgent)){ System.out.println("likeAndroid: "+true); response.sendRedirect("http://m.jb51.net/download.jsp?platform=android"); return; //request.getRequestDispatcher("/download.html").forward(request,response); } else if(likeIOS(userAgent)){ System.out.println("likeIOS: "+true); response.sendRedirect("http://itunes.apple.com/us/app/id714751061"); return; //request.getRequestDispatcher("/index.html").forward(request,response); } %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> <title>下载客户端 - 永恒记忆</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="p_down"> <div> <a href="index.html"> <img src="images/p_logo.png" class="p_logo" /> </a> </div> <a href="itms-services://?action=download-manifest&url=http://m.jb51.net/upload/client/yhjyios.plist" class="apple download"><img src="images/p_down_apple.png" /></a> <a href="http://m.jb51.net/download.jsp?platform=android" class="download"><img src="images/p_down_and.png" /></a> </div> </body> </html>
本文向大家介绍js根据手机客户端浏览器类型,判断跳转官网/手机网站多个实例代码,包括了js根据手机客户端浏览器类型,判断跳转官网/手机网站多个实例代码的使用技巧和注意事项,需要的朋友参考一下 实例一、比较简单粗暴缺少点类型判断 实例二、代码工整,很多的函数都基于这个增加的功能 实例三、增加了一些功能 实例四、简洁呐喊教程推荐使用,如果您有更好的代码可以分享
本文向大家介绍JS实现点击网页判断是否安装app并打开否则跳转app store,包括了JS实现点击网页判断是否安装app并打开否则跳转app store的使用技巧和注意事项,需要的朋友参考一下 常常有这样的场景,咱们开发出来的APP需要进行推广,比如在页面顶部来一张大Banner图片,亦或一张二维码。但往往我们都是直接给推广图片加了一个下载链接(App Store中的)。所以咱们来模拟一下用户的
本文向大家介绍百度判断手机终端并自动跳转js代码及使用实例,包括了百度判断手机终端并自动跳转js代码及使用实例的使用技巧和注意事项,需要的朋友参考一下 百度目前为站长提供了判断手机终端类型并自动实现跳转的js脚本,极大的方便了广大站长及web开发人员。其js脚本的使用方法极其简单。 其中最为核心的js脚本格式化代码如下所示: 建议站长及web开发人员使用如下压缩后的js脚本 PS:在此小编为大家推
本文向大家介绍JS前端开发判断是否是手机端并跳转操作(小结),包括了JS前端开发判断是否是手机端并跳转操作(小结)的使用技巧和注意事项,需要的朋友参考一下 常用跳转代码 腾讯跳转 JS 判断浏览器客户端类型(ipad,iphone,android) 以上所述是小编给大家介绍的JS前端开发判断是否是手机端并跳转操作,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常
本文向大家介绍Spring boot 跳转到jsp页面的实现方法,包括了Spring boot 跳转到jsp页面的实现方法的使用技巧和注意事项,需要的朋友参考一下 本人正在学习Spring boot,搜索了很多关于Spring boot 跳转到jsp页面的实现方法介绍,下面我来记录一下,有需要了解的朋友可参考。希望此文章对各位有所帮助。 @Controller注解 1、application.pr
本文向大家介绍小程序实现新用户判断并跳转激活的方法,包括了小程序实现新用户判断并跳转激活的方法的使用技巧和注意事项,需要的朋友参考一下 前言 上周接了一个小项目赚点外快,原以为很简单结果被卡在一个小坑爬了好半天 它是一个供电力局使用的报修小程序,需要特定用户在第一次使用时进行激活操作,通俗的说就是当某用户打开时,判断此用户是否激活过,若未激活则进入激活页面,若已经激活则直接进入首页面。 逻辑上很简