在html页面中判断本地app是否安装并打开

110 阅读 0 评论 73 点赞

我是靠谱客的博主紧张冬瓜，这篇文章主要介绍在html页面中判断本地app是否安装并打开，现在分享给大家，希望可以做个参考。

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

1、编辑AndroidManifest.xml：

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

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

复制代码

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>
        </activity>

然后通过activity获得data数据：

复制代码

1
2
3
4
5
    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
   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);
            }

   }