HTML5打开本地app应用的方法，如果你的手机上安装App，就会自动打app，否则在页面上会提示你进行下载app

最新推荐文章于 2023-06-20 10:28:18 发布

qq_16055765

最新推荐文章于 2023-06-20 10:28:18 发布

阅读量1w

点赞数 2

文章标签： android html5 html

本文链接：https://blog.csdn.net/qq_16055765/article/details/51673440

版权

html中其实是无法判断应用是否安装，除非在webview中通过js bridge，这里通过一种方式达到此目的。
1、编辑AndroidManifest.xml：
主要是增加第二个，myapp用来标识schema，最好能保证手机系统唯一，那样就可以打开应用，而不是弹出一个选择框。
android:pathPrefix标识url的path，可以附带自己的数据通过string传递到activity，比如完整url为 myapp://xxx/openwith?data=mydata
[html] view plaincopy

<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数据：
[java] view plaincopy

 public void onCreate(Bundle savedInstanceState) {  
     Uri uridata = this.getIntent().getData();  
     String mydata = uridata.getQueryParameter("data");  
     ...  
}

2、编写html页面：
整个页面也许是某个app的详细介绍，这里只写出关键的js代码：
[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 = '下载链接' ;
             window.location.href += '&refresh=1' // 附加一个特殊参数，用来标识这次刷新不要再调用myapp:// 了  
             }, 500);  
         }  

}