1.在移动设备访问某个连接时时,如果本地安装了其应用客户端,则浏览器会调用本地客户端,没有安装则会跳转到下载页面,提示安装。刚好有这样的需求,网上参考了其他人的实现,大部分都是关于APK和本地js交互,相关资料可以参考如下,要注意的是手机qq浏览器不支持iframe,那么可以推测不支持iframe的浏览器都不行的。

web端代码如下

<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>APK下载</title>
        <script type="text/javascript" src="${ctx}/static/script/base/jquery-1.11.1.min.js"></script>

<script type="text/javascript">
   var browser = {
    versions: function () {
        var u = navigator.userAgent, app = navigator.appVersion;
        return {         //移动终端浏览器版本信息
            trident: u.indexOf('Trident') > -1, //IE内核
            presto: u.indexOf('Presto') > -1, //opera内核
            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, //是否为iPhone或者QQHD浏览器
            iPad: u.indexOf('iPad') > -1, //是否iPad
            webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
        };
    }(),
    language: (navigator.browserLanguage || navigator.language).toLowerCase()
}
    $(function(){
     open();
    });
    
      function open(){
      
      if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面
        var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
        
        if (ua.match(/QQ/i) == "qq") {
           window.location="http://edu.adc.ah.chinamobile.com/cms3/ahappdown/index.html";
           return;
        }
        }else {//否则就是PC浏览器打开
        }
    
        
        //判断是否是android设备浏览器    if (navigator.userAgent.match(/android/i)) {
    if (navigator.userAgent.match(/android/i)) {
        
      document.getElementById('openApp').onclick = function(e) {
            // 通过iframe的方式试图打开APP,如果能正常打开,会直接切换到APP,并自动阻止a标签的默认行为
            // 否则打开a标签的href链接
            var ifrSrc = 'educloud://anhuiwx.app/hejiaoyuapp';
            if (!ifrSrc) {
                return;
            }
            
             $("#bodyId").append("<iframe id='ifr' style='display:none;'></iframe>");
             $("#ifr").attr("src",ifrSrc);
            setTimeout(function() {
                 $("#ifr").remove();

}, 1000);

};
        if (document.all) {
            document.getElementById('openApp').click();
        }
        // 其它浏览器
        else {
            var e = document.createEvent("MouseEvents");
            e.initEvent("click", true, true);
            document.getElementById("openApp").dispatchEvent(e);
        }
     }
     else if(navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)){ //ios判断
       document.getElementById('openApp').onclick = function(e) {
            // 通过iframe的方式试图打开APP,如果能正常打开,会直接切换到APP,并自动阻止a标签的默认行为
            // 否则打开a标签的href链接
            var ifrSrc = 'andedu://andedu';
            if (!ifrSrc) {
                return;
            }
            
             $("#bodyId").append("<iframe id='ifr' style='display:none;'></iframe>");
             $("#ifr").attr("src",ifrSrc);
            setTimeout(function() {
                 $("#ifr").remove();

}, 1000);

};
        if (document.all) {
            document.getElementById('openApp').click();
        }
        // 其它浏览器
        else {
            var e = document.createEvent("MouseEvents");
            e.initEvent("click", true, true);
            document.getElementById("openApp").dispatchEvent(e);
        }  
        }
    }
        
</script>
<body id="bodyId">
<a href="http://edu.adc.ah.chinamobile.com/cms3/ahappdown/index.html" id="openApp" style="display: none">APK客户端下载链接</a>

</body>

andriod端配置如下

在android应用中application的详细配置实例:

在MainActivity增加了

"android.intent.action.VIEW"/>

"android.intent.category.DEFAULT"/>

"android.intent.category.BROWSABLE"/>

"testjs"/>

过滤器。

android:allowBackup="true"

android:icon="@drawable/ic_launcher"

android:label="@string/app_name"

android:theme="@style/AppTheme">

android:name="demo.testjs.MainActivity"

android:label="@string/app_name">

"android.intent.action.MAIN"/>

"android.intent.category.LAUNCHER"/>

"android.intent.action.VIEW"/>

"android.intent.category.DEFAULT"/>

"android.intent.category.BROWSABLE"/>

"testjs"/>

在activity中可以取到通过浏览器传递的值

@Override

protected void onCreate(BundlesavedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

if(Intent.ACTION_VIEW.equals(getIntent().getAction())){

Intentintent = getIntent();

Stringscheme = intent.getScheme();

Uriuri = intent.getData();

Log.e(tag,"scheme: "+scheme);

Log.e(tag,"path: "+uri.getPath());

Log.e(tag,"Host: "+uri.getHost());

Log.e(tag,"name: "+uri.getQueryParameter("name"));

Log.e(tag,"age: "+uri.getQueryParameter("age"));

}

}

android/ios js 启动apk的更多相关文章

  1. React Native & Android & iOS & APK

    React Native & Android & iOS & APK https://play.google.com/apps/publish/signup/ $ 25 bui ...

  2. Android & iOS 启动画面工具

    感谢Aone!为我们开发了如此便捷的工具!! 以下为原文:  Android & iOS 启动画面工具 下载:OneSplash.启动画面工具.Aone.20190318.zip 说明:这一个 ...

  3. React++ node.js ++SQL Sever ++MySQL++ python ++ php ++ java ++ c++ c#++ java ++ android ++ ios ++Linux+

    "C语言在它诞生的那个年代,是非常不错的语言,可惜没有OOP.当项目臃肿到一定程度,人类就不可控了. 为了弥补这个缺陷,C++诞生了.而为了应对各种情况,C++设计的大而全,太多复杂的特性, ...

  4. android 通过命令行启动Apk

    几个启动指定程序activity的例子 Music 和 Video(音乐和视频)的启动方法为: # am start -n com.android.music/com.android.music.Mu ...

  5. 用HTML5/CSS3/JS开发Android/IOS应用框架大全

    现在人人都想成为安卓/IOS应用开发工程师.其实,安卓/IOS应用可以用很多种语言来实现.由于我们前端开发工程师,对HTML5/CSS/JavaScript的网络编程已经相当熟悉了.所以,今天大家将会 ...

  6. Android动态方式破解apk终极篇(加固apk破解方式)

    一.前言 今天总算迎来了破解系列的最后一篇文章了,之前的两篇文章分别为: 第一篇:如何使用Eclipse动态调试smali源码 第二篇:如何使用IDA动态调试SO文件 现在要说的就是最后一篇了,如何应 ...

  7. Tomcat双向Https验证搭建,亲自实现与主流浏览器、Android/iOS移动客户端超安全通信

    紧接着<Tomcat单向Https验证搭建,亲自实现与主流浏览器.Android/iOS移动客户端安全通信>,此处演示下更安全的双向Https认证的通信机制,为了清晰明了,以下进行单独描述 ...

  8. Tomcat单向Https验证搭建,亲自实现与主流浏览器、Android/iOS移动客户端安全通信

    众所周知,iOS9已经开始在联网方面默认强制使用Https替换原来的Http请求了,虽然Http和Https各有各的优势,但是总得来说,到了现在这个安全的信息时代,开发者已经离不开Https了. 网上 ...

  9. Android IOS WebRTC 音视频开发总结(二三)-- hurtc使用说明

    本文主要介绍如何测试基于浏览器和手机的视频通话程序,转载请说明出处,文章来自博客园RTC.Blacker,更多详见www.blackerteam.com   很多人想测试浏览器(包括浏览器版本和桌面e ...

随机推荐

  1. QT学习入门笔记

    系统路径 path 添加dll路径,如D:\QT\5.4\mingw491_32. .pro 文件添加 QT +=  widgets,否则出现qapplication no such file or ...

  2. angularjs(一)基础概念

    一.前言 前端技术的发展是如此之快,各种优秀技术.优秀框架的出现简直让人目不暇接,作为一名业界新秀,紧跟时代潮流,学习掌握新知识自然是不敢怠慢.当听到AngularJs这个名字并知道是google在维 ...

  3. C++设计模式-Adapter适配器模式(转)

    Adapter适配器模式作用:将一个类的接口转换成客户希望的另外一个接口.Adapter模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作. 分为类适配器模式和对象适配器模式. 系统的数据和 ...

  4. [译]ABP框架使用AngularJs,ASP.NET MVC,Web API和EntityFramework构建N层架构的SPA应用程序

    本文转自:http://www.skcode.cn/archives/281 本文演示ABP框架如何使用AngularJs,ASP.NET MVC,Web API 和EntityFramework构建 ...

  5. 树莓派 config.txt

    树莓派开机默认配置文件:/boot/config.txt # For more options and information see # http://www.raspberrypi.org/doc ...

  6. CURL详解(转载)

    curl_setop()函数中的参数中文说明 curl_setop()函数中的参数中文说明 curl_setopt()函数将为一个CURL会话设置选项.option参数是你想要的设置,value是这个 ...

  7. JS实现动态提示文本框可输入剩余字数(类似发表微博数字提示)

    一.实现效果: 为了更直观的体现用户在文本框输入文本时能看到自己输入了多少字,项目中需要通过判断提示文本框剩余可输入字数. html & JS: <div> <textare ...

  8. ubuntu 15 安装cuda,开启GPU加速

    1 首先要开启GPU加速就要安装cuda.安装cuda,首先要安装英伟达的驱动.ubuntu有自带的开源驱动,首先要禁用nouveau.这儿要注意,虚拟机不能安装ubuntu驱动.VMWare下显卡只 ...

  9. Python:线程

    Python中创建线程有两种方式:函数或者用类来创建线程对象. 函数式:调用 _thread 模块中的start_new_thread()函数来产生新线程. 类:创建threading.Thread的 ...

  10. Python.Module.site

    site " This module is automatically imported during initialization. The automatic import can be ...