解析:浏览器是如何打开安卓应用的?

很多玩手机的小伙伴都很好奇,为什么有时候分享一条网址就能打开手机上安装的应用程序呢?其实道理很简单,看了这篇文章你就明白了。所以也提醒大家不要轻易点击陌生的链接。

浏览器是如何打开安卓应用的

本例以京东APP为例进行分析,如果本地已经安装了京东应用,就直接打开它;如果没有安装,则直接下载该应用的安装文件(也可以跳转到下载页面)。

实现方式:

1、安卓应用开发时需要在应用的启动Activity设置一个Schema,参考设置示例:

  1. <data android:host="splash" android:scheme="cundong"/>

或把 “android:host” 去掉,改成:

  1. <data android:scheme="cundong" />

2、用户点击浏览器中的链接时,在动态创建一个不可见的iframe,并且让这个iframe去加载步骤1中的Schema,如下:

  1. var ifr = document.createElement('iframe');
  2. ifr.src="cundong://splash"

3、如果在指定的时间内没有跳转成功,则当前页跳转到apk的下载地址(或下载页),如下:

  1. window.location.href = download_url;

示例HTML:

  1. <!doctype html>
  2. <html>
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5.         <meta name="apple-mobile-web-app-capable" content="yes">
  6.         <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
  7.         <title>this's a demo</title>
  8.         <meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,minimal-ui">
  9.     </head>
  10.     <body>
  11.         <div>
  12.             <a id="J-call-app" href="javascript:;" class="label">立即打开&gt;&gt;</a>
  13.             <input id="J-download-app" type="hidden" name="storeurl" value="http://m.chanyouji.cn/apk/chanyouji-2.2.0.apk">
  14.         </div>
  15.         <script>
  16.             (function(){
  17.                 var ua = navigator.userAgent.toLowerCase();
  18.                 var t;
  19.                 var config = {
  20.                     /*scheme:必须*/
  21.                     scheme_IOS: 'cundong://',
  22.                     scheme_Adr: 'cundong://splash',
  23.                     download_url: document.getElementById('J-download-app').value,
  24.                     timeout: 600
  25.                 };
  26.                 function openclient() {
  27.                     var startTime = Date.now();
  28.                     var ifr = document.createElement('iframe');
  29.                     ifr.src = ua.indexOf('os') > 0 ? config.scheme_IOS : config.scheme_Adr;
  30.                     ifr.style.display = 'none';
  31.                     document.body.appendChild(ifr);
  32.                     var t = setTimeout(function() {
  33.                         var endTime = Date.now();
  34.                         if (!startTime || endTime - startTime < config.timeout + 200) {
  35.                             window.location = config.download_url;
  36.                         } else {
  37.                         }
  38.                     }, config.timeout);
  39.                     window.onblur = function() {
  40.                         clearTimeout(t);
  41.                     }
  42.                 }
  43.                 window.addEventListener("DOMContentLoaded", function(){
  44.                     document.getElementById("J-call-app").addEventListener('click',openclient,false);
  45.                 }, false);
  46.             })()
  47.         </script>
  48.     </body>
  49. </html>

示例AndroidMainfext.xml:

  1. <activity
  2.      android:name=".activity.LauncherActivity"
  3.      android:configChanges="orientation|keyboardHidden|navigation|screenSize"
  4.      android:label="@string/app_name"
  5.      android:screenOrientation="portrait" >
  6.         <intent-filter>
  7.            <action android:name="android.intent.action.MAIN" />
  8.            <category android:name="android.intent.category.LAUNCHER" />
  9.         </intent-filter>
  10.         <intent-filter>
  11.             <action android:name="android.intent.action.VIEW" />
  12.             <category android:name="android.intent.category.DEFAULT" />
  13.             <category android:name="android.intent.category.BROWSABLE" />
  14.             <data android:host="splash" android:scheme="cundong" />
  15.        </intent-filter>
  16. </activity>

小伙伴们了解了吗?本文部分代码来源于网络,感恩分享。

 

波波
你想把广告放到这里吗?

发表评论

您必须 登录 才能发表留言!