html5 怎么打开一个app

html5 怎么打开一个app,第1张

首先为了保证能够打开你的app,你必须要在androidManifest.xml中配置的filter中data的属性表述。

<data

android:pathprefix="/taoge/open" android:scheme="xttblog"></data>

androidManifest.xml

代码如下:

XML/HTML Code

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

package="com.taoge"

android:versionCode="2"

android:versionName="3.24.03" >

<uses-sdk

android:minSdkVersion="8"

android:targetSdkVersion="17" />

<application

android:allowBackup="true"

android:configChanges="orientation|screenSize"

android:icon="@drawable/logo"

android:label="@string/app_name"

android:logo="@drawable/logo"

android:sharedUserId="android.uid.system"

android:theme="@android:style/Theme.Light.NoTitleBar" >

<activity

android:name="xttblog.WelcomeActivity"

android:excludeFromRecents="true"

android:screenOrientation="portrait"

android:theme="@android:style/Theme.Light.NoTitleBar" >

<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:pathPrefix="/taoge/open"

android:scheme="xttblog" />

</intent-filter>

</activity>

<activity

android:name="xttblog.AntRepairActivity"

android:label="@string/title_activity_ant_repair" >

</activity>

</application>

</manifest>

其次,你要在你的网页中访问xttblog://taoge/open。可以使用的元素有很多,如:script,iframe,img等。使用它们的src属性,访问xttblog://taoge/open。html5代码如下:

XML/HTML Code复制内容到剪贴板

<!DOCTYPE HTML>

<html>

<script>

function openapp(){

document.getElementById('xttblog').innerHTML='<iframe src="xttblog://taoge/open"></iframe>'

}

</script>

<body>

<div style="display:none" id="xttblog"></div>

<input type="button" value="打开app" onclick="openapp()">

</body>

</html>

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

1、编辑AndroidManifest.xml:

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

  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 += '&refresh=1' // 附加一个特殊参数,用来标识这次刷新不要再调用myapp:// 了  

             }, 500)  

         }  

  

}

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7081444.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存