移动端爬坑记 --- (2)移动端访问设备判断(user-agent)及实现流程
2016-07-23 17:18
351 查看
题外话
H5页面需要做一个引导页,引导用户去下载,从微信访问到访问设备的辨别就需要了;
代码
//获取访问的user-agent var ua = navigator.userAgent.toLowerCase() || window.navigator.userAgent.toLowerCase(); //判断user-agent var isWX = /MicroMessenger/i.test(ua), //微信端 isIOS = /(iPhone|iPad|iPod|iOS)/i.test(ua), //苹果家族 isAndroid = /(android|nexus)/i.test(ua), //安卓家族 isWindows = /(Windows Phone|windows[\s+]phone)/i.test(ua), //微软家族 isBlackBerry = /BlackBerry/i.test(ua); //黑莓家族 /** * 得到结果都是一个true或者false , i 是忽略大小写...挺简单的一个小玩意..当做一个备忘录吧 * user-agent不是万能的,有些访问设备或者浏览器可以强制改变,客户端校验只是多一重标准 * 至于服务器端的判断还有IP判断,看需求了 */
结语
引导页的实现大同小异,我这边的实现是: 链接进去 => 微信 ? 遮罩层(不可以点击,提醒右上角从外部打开) : [判断设备]; 设备 => iphone ? 显示引导页(非APP store下载,描述文件信任) : 自动弹出cdn的apk链接(然后页面显示公司或者应用的一些介绍,介绍页也有下载区域)
相关文章推荐
- Android官方数据绑定框架DataBinding
- Retrofit进行WebService请求遇到的问题总结
- android stutio 使用viewpager创建一个滑动图片浏览app
- 个人android开发风险得与失
- Android手机耗电分析
- iOS开发中的 并发编程锁
- Android内存分析工具MAT
- 【iOS开发】在界面上显示“HELLO”
- Android 仿ios底部弹出式对话框
- Android外设AOA技术原理
- android笔记--Intent和IntentFilter详解
- Android属性动画——实现炫酷的登录界面
- iOS compare 字符串比较
- NDK开发总结
- Android获取分享应用列表
- APP顶号逻辑
- 记录几个IOS开发过程中Pod命令的常见问题解决方案
- MockWebServer浅谈
- Android案例分享__HomePageA__仿'58到家/百度糯米/豆果美食/美团外卖/手机京东'首页
- Android实现音量调节的方法