在微信浏览器内,安卓打开应用宝,ios跳进appstore,基本都可以成功
在外部浏览器内,已安装可进入应用内,未安装进入应用宝提示下载,需客户端支持。
<!DOCTYPE html>
<!-- saved from url=(0034)https://www.zihexin.net/m/?c=11111 -->
<html class="" id="htmlf" style="font-size: 455.556px;"><!--<![endif]--><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<title>app介绍</title>
<script src="../js/jquery.min.js"></script>
<script src="../js/clipboard.min.js"></script>
<script src="https://unpkg.com/callapp-lib@2.1.5/dist/index.umd.min.js"></script> <link href="../css/m_style.css" rel="stylesheet" type="text/css">
</head>
<body onclick="copydata()" data-clipboard-text="bar" id='bodyBar'>
<style>
section p{ padding-left:0;}
section{ padding-top:0.2rem;}
body{cursor:pointer;}
</style> <div class="gridContainer">
<footer class="dow" id="dow" style="display: none;">
<p></p>
<article>请点击本页面右上角选择使用浏览器打开即可</article>
</footer>
<script>
var u = navigator.userAgent, app = navigator.appVersion;
if(!(u.indexOf('MicroMessenger') > -1)){
document.getElementById("dow").style.display="none";
}
</script>
<div class="f_dingbu"><a href="javascript:;"><img style="width:100%;" src="../images/appxiazai_01.png"></a></div>
<header id="dow_a" >
<img src="../images/appxiazai_02.png" alt="app下载广告图" >
</header>
<ul class="uls">
<li class="lis">
<img src="../images/appxiazai_03.png" alt="">
</li>
<li class="lis">
<img src="../images/appxiazai_04.png" alt="">
</li>
<li class="lis">
<img src="../images/appxiazai_05.png" alt="">
</li>
<li class="lis">
<img src="../images/appxiazai_06.png" alt="">
</li>
</ul>
</div>
</body>
</html>

第三方开源实现库:https://github.com/suanmei/callapp-lib

引入js :

<script src="https://unpkg.com/callapp-lib@2.1.5/dist/index.umd.min.js"></script>

不用再判断浏览器版本,安卓微信会通过应用宝打开,ios会进入appstore。

var Terminal={};
const options = {
scheme: {
protocol:'zihexin://openapp',//和安卓ios统一的,openapp表示唤起,安卓ios配openapp之前的zihexin://
},
intent: {
package: '',
scheme: '',
},
timeout: 3000,
appstore: 'https://itunes.apple.com/cn/app/zi-he-xin/id581817870?mt=8',//appstore地址
yingyongbao: 'https://a.app.qq.com/o/simple.jsp?pkgname=com.zihexin',//应用宝地址
fallback: 'https://a.app.qq.com/o/simple.jsp?pkgname=com.zihexin',//唤起应用失败,未安装时跳转到应用宝地址
};
    const callLib = new CallApp(options);
var clipboard = new Clipboard('#bodyBar');
clipboard.on('success', function(e) {
e.clearSelection();
}); clipboard.on('error', function(e) { });
function copydata(){
var url = window.location;
$('#bodyBar').attr('data-clipboard-text',url);
callLib.open({path:''})
}
// 获取终端的相关信息可不用
window.onload=function(){
Terminal = {
// 辨别移动终端类型
platform : function(){
return {
// android终端或者uc浏览器
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,
// 是否为iPhone或者QQHD浏览器
iPhone: u.indexOf('iPhone') > -1 ,
// 是否iPad
iPad: u.indexOf('iPad') > -1,
//是否为微信
mic:u.indexOf('MicroMessenger') > -1,
};
}(),
language:(navigator.browserLanguage || navigator.language).toLowerCase()
}
}

  

H5唤醒app,第三方开源库的更多相关文章

  1. H5唤醒app,不完全兼容

    ---ps---最近新发现一个开源的H5唤醒app的库:建议使用第三方开源库https://github.com/suanmei/callapp-lib实现:或者极光魔链(后期可能会收费)https: ...

  2. Android Studio 简介及导入 jar 包和第三方开源库方[转]

    原文:http://blog.sina.com.cn/s/blog_693301190102v6au.html Android Studio 简介 几天前的晚上突然又想使用 Android Studi ...

  3. 开源框架】Android之史上最全最简单最有用的第三方开源库收集整理,有助于快速开发

    [原][开源框架]Android之史上最全最简单最有用的第三方开源库收集整理,有助于快速开发,欢迎各位... 时间 2015-01-05 10:08:18 我是程序猿,我为自己代言 原文  http: ...

  4. iOS项目中常用的第三方开源库

    1.项目使用的第三方开源库 项目使用了CocoaPods(类似java中的maven)管理常用的第三方库,一些特殊的单独引用,下面介绍下比较好用的几个. (1)AFNetworking 目前比较推荐的 ...

  5. Android 第三方开源库收集整理(转)

    原文地址:http://blog.csdn.net/caoyouxing/article/details/42418591 Android开源库 自己一直很喜欢Android开发,就如博客签名一样,  ...

  6. 45.Android 第三方开源库收集整理(转)

    原文地址:http://blog.csdn.net/caoyouxing/article/details/42418591 Android开源库 自己一直很喜欢Android开发,就如博客签名一样,  ...

  7. 【开源框架】Android之史上最全最简单最有用的第三方开源库收集整理,有助于快速开发,欢迎各位网友补充完善

    链接地址:http://www.tuicool.com/articles/jyA3MrU 时间 2015-01-05 10:08:18  我是程序猿,我为自己代言 原文  http://blog.cs ...

  8. Android之史上最全最简单最有用的第三方开源库收集整理

    Android开源库 自己一直很喜欢Android开发,就如博客签名一样, 我是程序猿,我为自己代言 . 在摸索过程中,GitHub上搜集了很多很棒的Android第三方库,推荐给在苦苦寻找的开发者, ...

  9. 第三方开源库和jar包的区别

    jar包和第三方开源库的根本区别在于,开源库的功能比jar包功能更强大,通过引入库项目可以访问java文件以及该开源库项目下的资源文件,例如图片,layout等文件 jar包中只能放class文件 引 ...

  10. 粉笔网iPhone端使用的第三方开源库

    粉笔网iPhone端使用的第三方开源库 前言 最近有朋友问我粉笔网 iPhone 端使用了哪些第三方的开源库.我在这儿整理了一下,分享给大家. ASIHttpRequest ASIHttpReques ...

随机推荐

  1. 多模块项目Module must not contain source root. The root already belongs to module

    多模块项目Module "*" must not contain source root *. The root already belongs to module "* ...

  2. i-83.net quadhost子产品

    i-83.net 6$一年, 首年半价, 优惠码: APR19-NAT50 加拿大 ---------------------------------------------------------- ...

  3. Aras SP9里打开自己写的网页。

    首先把自己写的网页挂在IIS里或者网站挂到IIS里面. 然后再Aras里新增method //网页参数 var dialogArguments = new Array(); //窗体参数 var op ...

  4. 使用antd Table + mobx 处理数组 出现的一系列问题

    在store中定义了一个数组: @observable list = [...] 若是在table组件中直接使用list: <Table className={styles.table} col ...

  5. 【vue】渲染大量数据时性能优化

    对应vue渲染大量数据时可以考虑下面几点: 1. 异步渲染组件:因为组件渲染太多,影响页面的渲染时间,所有可以延迟组件渲染,可以考虑v-if处理 2. 可以使用虚拟滚动的组件:参考使用这个插件 vue ...

  6. 多个Fragment在一个activity中通过按钮的展示方法

    fragment使用方法 1. 创建主Mainactivity extends AppCompatActivity 2. Oncreate & setContentView 3. 完成XML的 ...

  7. JAVA进阶21

    1.Vector向量 如何选用ArrayList.LinkedList.Vector? ①需要线程安全时,用Vector ②不存在线程安全问题时,并且查找较多用ArrayList(一般使用它) ③不存 ...

  8. pmi-ACP考试知识点梳理(部分)

    敏捷宣言 个体和互动 高于流程和工具 工作的软件 高于详尽的文档 客户合作 高于合同谈判 响应变化 高于遵循计划 十二条敏捷原则 1 我们最重要的目标,是通过持续不断地及早交付有价值的软件使客户满意. ...

  9. 解决sqlite 删除记录后数据库文件大小不变

    最的做的项目中要有到sqlite数据存储,写了测试程序进行测试,存入300万条记录,占用flash大小为 86.1M,当把表中的记录全部删除后发后数据库文件大小依然是 86.1M: 原因是:sqlit ...

  10. linux服务器内存、根目录使用率、某进程的监控告警脚本

    脚本内容如下 #!/bin/bash #磁盘超过百分之80发送邮件告警 DISK_USED=`df -T |sed -n "2p" |awk '{print ($4/$3)*100 ...