移动端爬坑记 --- （2）移动端访问设备判断 (user-agent) 及实现流程

H5页面需要做一个引导页,引导用户去下载,从微信访问到访问设备的辨别就需要了;

 var ua = navigator.userAgent.toLowerCase() || window.navigator.userAgent.toLowerCase();
 
 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); 

引导页的实现大同小异,我这边的实现是:

链接进去 => 微信 ? 遮罩层(不可以点击,提醒右上角从外部打开) : [判断设备];
设备 => iphone ? 显示引导页(非APP store下载,描述文件信任) : 自动弹出cdn的apk链接(然后页面显示公司或者应用的一些介绍,介绍页也有下载区域)