H5唤醒app，第三方开源库
在微信浏览器内，安卓打开应用宝，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，第三方开源库的更多相关文章
- H5唤醒app，不完全兼容
---ps---最近新发现一个开源的H5唤醒app的库:建议使用第三方开源库https://github.com/suanmei/callapp-lib实现:或者极光魔链(后期可能会收费)https: ...
- Android Studio 简介及导入 jar 包和第三方开源库方[转]
原文:http://blog.sina.com.cn/s/blog_693301190102v6au.html Android Studio 简介 几天前的晚上突然又想使用 Android Studi ...
- 开源框架】Android之史上最全最简单最有用的第三方开源库收集整理，有助于快速开发
[原][开源框架]Android之史上最全最简单最有用的第三方开源库收集整理,有助于快速开发,欢迎各位... 时间 2015-01-05 10:08:18 我是程序猿,我为自己代言 原文 http: ...
- iOS项目中常用的第三方开源库
1.项目使用的第三方开源库 项目使用了CocoaPods(类似java中的maven)管理常用的第三方库,一些特殊的单独引用,下面介绍下比较好用的几个. (1)AFNetworking 目前比较推荐的 ...
- Android 第三方开源库收集整理（转）
原文地址:http://blog.csdn.net/caoyouxing/article/details/42418591 Android开源库 自己一直很喜欢Android开发,就如博客签名一样, ...
- 45.Android 第三方开源库收集整理（转）
原文地址:http://blog.csdn.net/caoyouxing/article/details/42418591 Android开源库 自己一直很喜欢Android开发,就如博客签名一样, ...
- 【开源框架】Android之史上最全最简单最有用的第三方开源库收集整理，有助于快速开发，欢迎各位网友补充完善
链接地址:http://www.tuicool.com/articles/jyA3MrU 时间 2015-01-05 10:08:18 我是程序猿,我为自己代言 原文 http://blog.cs ...
- Android之史上最全最简单最有用的第三方开源库收集整理
Android开源库 自己一直很喜欢Android开发,就如博客签名一样, 我是程序猿,我为自己代言 . 在摸索过程中,GitHub上搜集了很多很棒的Android第三方库,推荐给在苦苦寻找的开发者, ...
- 第三方开源库和jar包的区别
jar包和第三方开源库的根本区别在于,开源库的功能比jar包功能更强大,通过引入库项目可以访问java文件以及该开源库项目下的资源文件,例如图片,layout等文件 jar包中只能放class文件 引 ...
- 粉笔网iPhone端使用的第三方开源库
粉笔网iPhone端使用的第三方开源库 前言 最近有朋友问我粉笔网 iPhone 端使用了哪些第三方的开源库.我在这儿整理了一下,分享给大家. ASIHttpRequest ASIHttpReques ...
随机推荐
- 轻量Pythonweb - flask+jinja2
后台代码 MVC from flask import Flask,request,render_template app = Flask(__name__) @app.route('/',method ...
- Python——爬取人口迁徙数据（以腾讯迁徙为例）
说明: 1.迁徙量是腾讯修改后的数值,无法确认真实性. 2.代码运行期间,腾讯迁徙未设置IP屏蔽和浏览器检测,因此下段代码仅能保证发布近期有效. 3.代码功能:爬取指定一天的四十(此四十是根据自己的城 ...
- linux_systemctl介绍
声明:本文转载自:systemd (中文简体) systemd 是 Linux 下的一款系统和服务管理器,兼容 SysV 和 LSB 的启动脚本.systemd 的特性有:支持并行化任务:同一时候採用 ...
- 软工网络15个人作业4——alpha阶段个人总结
软工网络15个人作业4--alpha阶段个人总结 一.个人总结 用自我评价表:http://www.cnblogs.com/xinz/p/3852177.html 总结Alpha冲刺过程. 由于直接用 ...
- javascript 正则test、exec、search、match区别？
都可以放正则表达示 exec是RegExp类的匹配方法 match是字符串类的匹配方法 test() 方法用于检测一个字符串是否匹配某个模式.返回 true,否则返回 false. var resul ...
- 97w网站邀请码
我是一个老粉丝了. 如果想要97w网站邀请码可以留下联系方式,给我发过去哦. 最好是邮箱. http://www.97w.net/tag.html
- vueSSR全栈(项目实战 mac)
1.准备安装及指定版本 参考安装类中的 安装部分(node,npm,webpack) nuxt 官网下载nuxt脚手架(可以自定义版本) 需要下载MongoDB redis 以及数据库可视化工具 具 ...
- 医学图像数据（一）——TCIA基本介绍
1.介绍 The Cancer Imaging Archive (TCIA)是癌症研究的医学图像的开放获取数据库.该网站由国家癌症研究所(NCI)癌症影像计划资助,合同由阿肯色大学医学科学院管理.存档 ...
- 【转】一文掌握 Linux 性能分析之 I/O 篇
[转]一文掌握 Linux 性能分析之 I/O 篇 这是 Linux 性能分析系列的第三篇,前两篇分别讲了 CPU 和 内存,本篇来看 IO. IO 和 存储密切相关,存储可以概括为磁盘,内存,缓存, ...
- Mock.js简易教程，脱离后端独立开发，实现增删改查功能（转）
在我们的生产实际中,后端的接口往往是较晚才会出来,并且还要写接口文档,于是我们的前端的许多开发都要等到接口给我们才能进行,这样对于我们前端来说显得十分的被动,于是有没有可以制造假数据来模拟后端接口呢, ...