判断终端的类型、安卓、ios、微信、qq
function GetMobelType() { var browser = { versions: function() { var u = window.navigator.userAgent; return { trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1, //opera内核 Alipay: u.indexOf('Alipay') > -1, //支付宝 webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核 gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核 mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端 ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端 android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器 iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者安卓QQ浏览器 //iPhone: u.match(/iphone|ipod|ipad/),// iPad: u.indexOf('iPad') > -1, //是否为iPad webApp: u.indexOf('Safari') == -1, //是否为web应用程序,没有头部与底部 weixin: u.indexOf('MicroMessenger') > -1, //是否为微信浏览器 qq: u.match(/\sQQ/i) == " qq", //是否QQ Safari: u.indexOf('Safari') > -1, ///Safari浏览器, }; }() }; return browser.versions; }
截取浏览器地址拼接参数
//截取地址 function GetRequest(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r != null) { return unescape(r[2]); } else { return null; } }
跳转到app市场,以微信的为例
//跳转到app市场 var appstore, ua = navigator.userAgent; if(ua.match(/Android/i)) { appstore = 'market://search?q=com.singtel.travelbuddy.android'; } if(ua.match(/iphone|ipod|ipad/)) { appstore = "https://itunes.apple.com/cn/app/wei-xin/id414478124?mt=8&ign-mpt=uo%3D4"; } function applink(fail) { return function() { var clickedAt = +new Date; setTimeout(function() { // To avoid failing on return to MobileSafari, ensure freshness! if(+new Date - clickedAt < 2000) { window.location = fail; } }, 500); }; } $('.footer')[0].onclick = applink(appstore); //
在h5页面跳转打开新的app,进行判断(目前还有点小问题,如果有app会打开,再回来这个界面会展示下载的界面)
function jump(myurl) { 与上面判断ios的方法结合 if(GetMobelType.weixin) { alert("是微信啊");// 水土不服就服微信 微信比较牛 第三方app必须在应用宝发布,且开通‘微下载’服务 } else { if(GetMobelType.android) { var ifr = document.createElement('iframe'); ifr.src = myurl; ifr.style.display = 'none'; document.body.appendChild(ifr); //window.location.href = "你要打开的app协议,安卓提供"; window.setTimeout(function() { document.body.removeChild(ifr); window.location.href = "下载app的地址"; }, 3000); } if(GetMobelType.ios || GetMobelType.iPhone || GetMobelType.iPad) { alert(222); var ifr = document.createElement("iframe"); ifr.src = "打开app的协议"; /***打开app的协议,有ios同事提供***/ ifr.style.display = "none"; document.body.appendChild(ifr); window.setTimeout(function() { document.body.removeChild(ifr); window.location.href = "下载地址"; /***下载app的地址***/ }, 2000) }; } }
处理iframe引入微信的文章防盗链的问题 (这个在微信浏览器打开的时候,会有卡死的现象)
$.ajaxPrefilter(function(options) { if (options.crossDomain && jQuery.support.cors) { var http = (window.location.protocol === 'http:' ? 'http:' : 'https:'); options.url = http + '//cors-anywhere.herokuapp.com/' + options.url; } }); var share_link = that.list.outsideUrl; console.log(share_link) //微信文章地址 $.get( share_link, function(response) { // console.log("> ", response); var html = response; html = html.replace(/data-src/g, "src"); var html_src = 'data:text/html;charset=utf-8,' + html; that.list.outsideUrl = html_src; });