html5页面启动手机上的app

html中其实是无法判断应用是否安装,除非在webview中通过js bridge,这里通过一种方式达到此目的。

1、编辑AndroidManifest.xml:

    主要是增加第二个,myapp用来标识schema,最好能保证手机系统唯一,那样就可以打开应用,而不是弹出一个选择框。

    android:pathPrefix标识url的path,可以附带自己的数据通过string传递到activity,比如完整url为 myapp://xxx/openwith?data=mydata

[html] view plaincopy

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
< activity  
   android:name = "com.abc.MainActivity"  
   android:configChanges = "orientation|keyboardHidden|navigation|screenSize"  
   android:screenOrientation = "landscape"  
   android:theme = "@android:style/Theme.NoTitleBar.Fullscreen"  >  
   < 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.BROWSABLE"  />  
       < category  android:name = "android.intent.category.DEFAULT" />  
       < data  android:scheme = "myapp"  android:pathPrefix = "/xxx/openwith"  />  
   intent-filter >  
t;/activity>

   然后通过activity获得data数据:

1
2
3
4
5
6
[java] view plaincopy
  public void onCreate(Bundle savedInstanceState) {  
      Uri uridata = this.getIntent().getData();  
      String mydata = uridata.getQueryParameter("data");  
      ...  
}


  2、编写html页面:

   整个页面也许是某个app的详细介绍,这里只写出关键的js代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
[javascript] view plaincopy
function openApp() {  
   
         if (/android/i.test(navigator.userAgent)) {  
              var isrefresh = getUrlParam('refresh'); // 获得refresh参数  
              if(isrefresh == 1) {  
                  return  
              }  
              window.location.href = 'myapp://xxx/openwith?data=mydata';  
              window.setTimeout(function () {  
                      window.location.href += '&refresh=1' // 附加一个特殊参数,
                      //用来标识这次刷新不要再调用myapp:// 了  
              }, 500);  
          }  
   
}

  上面代码可以达到这样一个目的,先请求 myapp:// ,如果系统能处理,或者说已经安

装了myapp表示的应用,那么就可以打开,另外,如果不能打开,直接刷新一下当

前页面,等于是重置location。

你可能感兴趣的:(移动门户)