H5唤醒移动端APP，或跳转到App Store和应用宝

//实际上就是新建一个iframe的生成器
var  createIframe=(function(){var iframe;return function(){if(iframe){return iframe;}else{iframe = document.createElement('iframe');iframe.style.display = 'none';document.body.appendChild(iframe);return iframe;}}
})()
var openApp=function(){// 移动端配置的schema,如要传参，按正常的url传参方式拼接到路径后面即可// tiaoyangtaiyang为移动端的schema,com.sunpro为移动端的hostvar localUrl="taiyangtaiyang://com.sunpro";var openIframe=createIframe();var u = navigator.userAgent;var isIos = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端var isAndroid= u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端var isChrome = window.navigator.userAgent.indexOf("Chrome") !== -1;// 判断是否为微信端打开，如果是，则隐藏页面所有东西，展示请用浏览器打开的图片if(isWeiXin()){$("body div").hide();if(isIos){$("#sharePhoto").find("img").attr("src","../images/shareIOS.jpg");}else{$("#sharePhoto").find("img").attr("src","../images/share.jpg");}$("#sharePhoto").show();$('html,body').css("overflow","hidden");return false;}else{$("#sharePhoto").hide();}if(isIos){// 根据时间来判断移动端是否装有app，如果有跳转到和移动端约定好的schema,如果没有装有app则跳转到App Store// 也可以直接跳转到App Store，从appstore打开或者下载appvar loadDateTime = Date.now();window.location.href = localUrl;setTimeout(function () {var timeOutDateTime = Date.now();if (timeOutDateTime - loadDateTime < 1000) {window.location.href = "https://itunes.apple.com/cn/app/[name]/id[id]";}}, 500);}else if(isAndroid){//判断是否是android，具体的判断函数自行百度if (isChrome) {//chrome浏览器用iframe打不开得直接去打开，算一个坑window.location.href = localUrl;} else {//抛出你的schemeopenIframe.src = localUrl;}setTimeout(function () {window.location.href ="http://a.app.qq.com/o/simple.jsp?pkgname=[name]";          /* http://t.cn/RcxMVvL*/}, 500);}else{//主要是给winphone的用户准备的,实际都没测过，现在winphone不好找啊openIframe.src = localUrl;setTimeout(function () {window.location.href = "你的下载地址";}, 500);}
}
/*判断是否是ios9以上*/
function isIOS9() {//获取固件版本var getOsv = function () {var reg = /OS ((\d+_?){2,3})\s/;if (navigator.userAgent.match(/iPad/i) || navigator.platform.match(/iPad/i) || navigator.userAgent.match(/iP(hone|od)/i) || navigator.platform.match(/iP(hone|od)/i)) {var osv = reg.exec(navigator.userAgent);if (osv.length > 0) {return osv[0].replace('OS', '').replace('os', '').replace(/\s+/g, '').replace(/_/g, '.');}}return '';};var osv = getOsv();var osvArr = osv.split('.');//初始化显示ios9引导if (osvArr && osvArr.length > 0) {if (parseInt(osvArr[0]) >= 9) {return true}}return false
}
function isWeiXin(){var ua = window.navigator.userAgent.toLowerCase();if(ua.match(/MicroMessenger/i) == 'micromessenger'){return true;}else{return false;}
}

H5唤醒移动端APP，或跳转到App Store和应用宝相关推荐

国外html5转app store,H5唤醒移动端APP，或跳转到App Store和应用宝
//实际上就是新建一个iframe的生成器 var createIframe=(function(){ var iframe; return function(){ if(iframe){ retur ...
Android 通过短信(H5)跳转到App指定页面
最近公司为了增加用户活跃度,新增了许多活动,要求从多种方式可以跳转到App的指定页面.比如闪屏页.首页弹框.首页banner.webView.极光推送消息点击跳转以及通过短信跳转到App. 对此,我们 ...
页面跳转打开APP,若没有安装则跳转到下载页面
判断当前手机系统尝试打开APP链接,手机已安装了APP成功跳转打开APP 手机没有安装APP则跳到应用商城安装页 if (navigator.userAgent.match(/(iPhone|iPo ...
H5页面唤醒App及App之间跳转
H5页面跳转到App,其实质是通过uri. Android配置: 清单文件中对应的Activity标签添加以下标签属性 <intent-filter><action android: ...
uniApp H5唤醒App
H5唤醒App 安装依赖 npm install --save callapp-lib 引入 callapp-lib import CallApp from "callapp-lib&quo ...
微信开放标签＜wx-open-launch-app＞之Vue项目H5唤醒APP
微信开放标签<wx-open-launch-app>之Vue项目H5唤醒APP 在微信开放标签出来之前,大多数人都是采用 URI Scheme 以及 ios 的universal Link ...
H5页面唤起指定app或跳转到应用市场（扫描二维码直接下载APP）
场景1: 在 h5 页面上,不管用户是否安装过该app,都直接跳转到应用市场,让用户从应用市场上打开app. 思路: 这种场景处理比较简单,直接判断判断是android端还是ios端,然后在点击按钮上 ...
H5唤醒app，不完全兼容
---ps---最近新发现一个开源的H5唤醒app的库:建议使用第三方开源库https://github.com/suanmei/callapp-lib实现:或者极光魔链(后期可能会收费)https: ...
微信分享和微信H5跳转到APP开放标签wx-open-launch-app使用及样式设置
H5.微信.App唤端相关一.微信分享二.浏览器H5跳转到APP 三.微信H5跳转到APP 一.条件说明二.文档三.重要的设置四.注意点五.样式设置一.微信分享参看:微信分享:后端参数 ...

H5唤醒移动端APP，或跳转到App Store和应用宝

H5唤醒移动端APP，或跳转到App Store和应用宝相关推荐

最新文章

热门文章