在微信浏览器内，安卓打开应用宝，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. java.lang.IllegalArgumentException: There is no PasswordEncoder mapped for the id "null"报错

    出现问题的原因: 内存用户验证时,Spring boot 2.0.1引用的security 依赖是 spring security 5.X版本,此版本需要提供一个PasswordEncorder的实例 ...

  2. Docker 基本核心原理

    Docker内核知识 namespace资源隔离 namespace的6项隔离 NameSpace 系统调用参数 隔离内容 UTS CLONE_NEWUTS 主机名与域名 IPC CLONE_NEWI ...

  3. 第三节：Windows平台部署Asp.Net Core应用(基于IIS和Windows服务两种模式)

    一. 简介 二. 文件系统发布至IIS 三. Web部署发布至IIS 四. FTP发布至IIS 五. Windows服务的形式发布 ! 作       者 : Yaopengfei(姚鹏飞) 博客地址 ...

  4. knockoutjs复杂对象的可观察性

    问题 对于一般数据结构: 1. 对于基本类型的数据的变更的可观察性(observable), 可以使用  ko.observable(xxx) 来声明一个 observable对象, 或将其绑定到视图 ...

  5. AE二次开发中几个功能速成归纳（符号设计器、创建要素、图形编辑、属性表编辑、缓冲区分析）

    /* * 实习课上讲进阶功能所用文档,因为赶时间从网上抄抄改改,凑合能用,记录一下以备个人后用. * * ----------------------------------------------- ...

  6. HDU-1171 Big Event in HDU(生成函数/背包dp)

    题意 给出物品种类,物品单价,每种物品的数量,尽可能把其分成价值相等的两部分. 思路 背包的思路显然是用一半总价值当作背包容量. 生成函数则是构造形如$1+x^{w[i]}+x^{2*w[i]}+.. ...

  7. 【作业4.0】HansBug的第四次面向对象课程思考

    嘛..不知不觉这门课程要结束了,那么就再说点啥以示庆祝呗. 测试vs正确性论证 说到这个,相比很多人对此其实很有疑惑,请让我慢慢分析. 逻辑概览 首先我们来看看两种方式各自的做法和流程是什么样的: 单 ...

  8. 项目Alpha冲刺（团队）-第一天冲刺

    格式描述 课程名称:软件工程1916|W(福州大学) 作业要求:项目Alpha冲刺(团队)-代码规范.冲刺任务与计划 团队名称:为了交项目干杯 作业目标:描述第一天冲刺的项目进展.问题困难.心得体会 ...

  9. Rollup.js 实践

    音乐分享: B.o.B Ft. Marko Penn - <Roll up> ——————————————————————————————————————————————————————— ...

  10. c++入门篇八

    构造函数的调用规则: 系统会提供三个函数,一个是默认的构造函数(无参,函数体为空),一个是拷贝构造函数(无参,函数体为空),一个是析构函数,对类中非静态成员属性简单值拷贝\如果用户定义了拷贝构造函数, ...