HTML5打开本地app应用的方法

时间：2021-05-08

本文为大家分享了HTML5打开本地app应用的方法，具体内容如下

首先为了保证能够打开你的app，你必须要在androidManifest.xml中配置的filter中data的属性表述。<data android:pathprefix="/taoge/open" android:scheme="xttblog"></data> androidManifest.xml代码如下：

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

<?xmlversion="1.0"encoding="utf-8"?>

<manifestxmlns: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>

<actionandroid:name="android.intent.action.MAIN"/>

<categoryandroid:name="android.intent.category.LAUNCHER"/>

</intent-filter>

<intent-filter>

<actionandroid:name="android.intent.action.VIEW"/>

<categoryandroid:name="android.intent.category.BROWSABLE"/>

<categoryandroid:name="android.intent.category.DEFAULT"/>

<dataandroid: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复制内容到剪贴板

<!DOCTYPEHTML>

<html>

functionopenapp(){

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

}

</script>

<body>

<divstyle="display:none;"id="xttblog"></div>

<inputtype="button"value="打开app"onclick="openapp();">

</body>

</html>

以上就是本文的全部内容，希望对大家的学习有所帮助。

HTML5打开本地app应用的方法

相关文章

HTML5技术分享-做网站公司

HTML5在网站领域为何更受手机网站青睐

开发微信APP应用有哪些好处？

HTML5 使用 sessionStorage 进行页面传值的方法

pyqt5 从本地选择图片 并显示在label上的实例

pyqt5 从本地选择图片并显示在label上的实例