webView链接进入下载页面

如下图所示，在手机浏览器中访问京东的手机版网站(m.jd.com)，顶部会有一个广告图，点击这个广告图，如果手机上已经安装了京东App，则直接打开，如果没有安装，则开始下载。

实现方式

1.为Android应用的启动Activity设置一个Schema，如下：

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

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

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

3，如果在指定的时间内没有跳转成功，则当前页跳转到apk的下载地址（或下载页），如下：

window.location = download_url;

HTML代码

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61

<! doctype  html> < html >      < head >          < meta  http-equiv = "Content-Type"  content = "text/html; charset=utf-8" >            < meta  name = "apple-mobile-web-app-capable"  content = "yes" >          < meta  name = "apple-mobile-web-app-status-bar-style"  content = "black" />            < title >this's a demo</ title >          < meta  id = "viewport"  name = "viewport"  content = "width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,minimal-ui" >      </ head >      < body >          < div >              < a  id = "J-call-app"  href = "javascript:;"  class = "label" >立即打开&gt;&gt;</ a >              < input  id = "J-download-app"  type = "hidden"  name = "storeurl"  value = "http://m.chanyouji.cn/apk/chanyouji-2.2.0.apk" >          </ div >            < script >              (function(){                  var ua = navigator.userAgent.toLowerCase();                  var t;                  var config = {                      /*scheme:必须*/                      scheme_IOS: 'cundong://',                      scheme_Adr: 'cundong://splash',                      download_url: document.getElementById('J-download-app').value,                      timeout: 600                  };                    function openclient() {                      var startTime = Date.now();                        var ifr = document.createElement('iframe');                          ifr.src = ua.indexOf('os') > 0 ? config.scheme_IOS : config.scheme_Adr;                      ifr.style.display = 'none';                      document.body.appendChild(ifr);                        var t = setTimeout(function() {                          var endTime = Date.now();                            if (!startTime || endTime - startTime < config.timeout + 200) {                               window.location = config.download_url;                          } else {                                                        }                      }, config.timeout);                        window.onblur = function() {                          clearTimeout(t);                      }                  }                  window.addEventListener("DOMContentLoaded", function(){                      document.getElementById("J-call-app").addEventListener('click',openclient,false);                    }, false);              })()          </ script >      </ body > </ html >

AndroidMainfext.xml

<activity
     android:name=".activity.LauncherActivity"
     android:configChanges="orientation|keyboardHidden|navigation|screenSize"
     android:label="@string/app_name"
     android:screenOrientation="portrait" >
        <intent-filter>
           <action android:name="android.intent.action.MAIN" />
           <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
        <intent-filter>
            <action android:name="android.intent.action.VIEW" />
            <category android:name="android.intent.category.DEFAULT" />
            <category android:name="android.intent.category.BROWSABLE" />
            <data android:host="splash" android:scheme="cundong" />
       </intent-filter>
</activity>

转:http://my.oschina.net/liucundong/blog/354029