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

编程知识 更新时间:2023-05-02 19:43:14

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);  
         }  

}

上面代码可以达到这样一个目的,先请求 myapp:// ,如果系统能处理,或者说已经安装了myapp表示的应用,那么就可以打开,另外,如果不能打开,直接刷新一下当前页面,等于是重置location。

参考前辈的:文章链接如下:
http://www.tuicool/articles/uQr6Fff
http://www.jb51/html5/446382.html
http://wwwblogs/yejiurui/p/3413796.html
http://zhidao.baidu/question/809150834793726172.html

更多推荐

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

本文发布于:2023-04-28 08:47:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/08ee2fb06a8e41e6d44f42d09205b8ea.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:就会   则在   你的手   机上   上会

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!

  • 108187文章数
  • 27365阅读数
  • 0评论数