判断终端类型、微信的文章防盗链、h5页面跳转打开新的app、跳转到app市场

判断终端的类型、安卓、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;
});

  

ios存在唤起的时候出现原生弹窗的问题,现在接入了第三方,已解决

上一篇:Java中的单利模式介绍


下一篇:php构造函数和析构函数