h5外部瀏覽器直接調起app

1. 安卓端：

 其中，scheme必須是小寫的，同時要求H5必須是“<a href="appback://">啟動應用程序</a> ”

2. h5端完整示例：

　　<a href="javascript:testApp('appback://')" class="dl-btn" id="download">打開APP</a> 
    <script>
    function testApp(url) { 
          var timeout, t = 1000, hasApp = true; 
          setTimeout(function () { 
            if (!hasApp) { 
                  //未安裝app
                  if(browser.versions.ios){
                    window.location.href = '${url_ios}';  //ios下載地址
                }else{
                    window.location.href = '${url_android}';    //安卓下載地址
                   }
            }
            document.body.removeChild(ifr); 
          }, 2000) 
          
          var t1 = Date.now(); 
          var ifr = document.createElement("iframe"); 
          ifr.setAttribute('src', url); 
          ifr.setAttribute('style', 'display:none'); 
          document.body.appendChild(ifr); 
          timeout = setTimeout(function () { 
             var t2 = Date.now(); 
             if (!t1 || t2 - t1 < t + 100) { 
               hasApp = false; 
             } 
          }, t); 
        } 
        //判斷訪問終端
        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應該程序，沒有頭部與底部
                    weixin: u.indexOf('MicroMessenger') > -1, //是否微信 （2015-01-22新增）
                    qq: u.match(/\sQQ/i) == " qq" //是否QQ
                };
            }(),
            language:(navigator.browserLanguage || navigator.language).toLowerCase()
        }
    </script>

3. ios端——通過URL協議實現從Safari等瀏覽器中跳轉打開你的app

第一步：在info.plist中加入這些內容

其中URL identifier 可以隨便取，URL Schemes 就是實現跳轉URL協議的名稱（可以多個）

第二步：在視圖控制器中加入這樣的代碼用於顯示跳轉過來的地址：

+(void)alert:(NSString*)information{
    UIAlertView *alert=[[UIAlertView alloc]initWithTitle:@"提示" message:[NSString stringWithFormat:@"程序通過URL協議打開，該URL為：“%@”",information] delegate:self cancelButtonTitle:@"確定" otherButtonTitles:nil];
    [alert show];
    [alert release];
}

第三步：在AppDelegate.m中加入這些代碼

-(BOOL)application:(UIApplication *)application handleOpenURL:(NSURL *)url{
    if(!url){
        return NO;
    }
    
    NSString *urlString=[url absoluteString];
    [ViewController alert:urlString];
    return YES;
}

測試方法：在瀏覽器中輸入“appABC://”之后就會打開這個程序，打開后程序中會顯示跳轉過來的鏈接地址。