HTML5打开本地app应用的方法

果然,过了一会儿,在那个地方出现了太阳的小半边脸,红是红得很,却没有亮光。太阳像负着什么重担似的,慢慢儿,一纵一纵地,使劲儿向上升。

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

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

XML/HTML Code复制内容到剪贴板
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <manifestxmlns:android="http://schemas.android.com/apk/res/android"
  3. package="com.taoge"
  4. android:versionCode="2"
  5. android:versionName="3.24.03">
  6. <uses-sdk
  7. android:minSdkVersion="8"
  8. android:targetSdkVersion="17"/>
  9. <application
  10. android:allowBackup="true"
  11. android:configChanges="orientation|screenSize"
  12. android:icon="@drawable/logo"
  13. android:label="@string/app_name"
  14. android:logo="@drawable/logo"
  15. android:sharedUserId="android.uid.system"
  16. android:theme="@android:style/Theme.Light.NoTitleBar">
  17. <activity
  18. android:name="xttblog.WelcomeActivity"
  19. android:excludeFromRecents="true"
  20. android:screenOrientation="portrait"
  21. android:theme="@android:style/Theme.Light.NoTitleBar">
  22. <intent-filter>
  23. <actionandroid:name="android.intent.action.MAIN"/>
  24. <categoryandroid:name="android.intent.category.LAUNCHER"/>
  25. </intent-filter>
  26. <intent-filter>
  27. <actionandroid:name="android.intent.action.VIEW"/>
  28. <categoryandroid:name="android.intent.category.BROWSABLE"/>
  29. <categoryandroid:name="android.intent.category.DEFAULT"/>
  30. <dataandroid:pathPrefix="/taoge/open"
  31. android:scheme="xttblog"/>
  32. </intent-filter>
  33. </activity>
  34. <activity
  35. android:name="xttblog.AntRepairActivity"
  36. android:label="@string/title_activity_ant_repair">
  37. </activity>
  38. </application>
  39. </manifest>

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

XML/HTML Code复制内容到剪贴板
  1. <!DOCTYPEHTML>
  2. <html>
  3. <script>
  4. functionopenapp(){
  5. document.getElementById('xttblog').innerHTML='<iframesrc="xttblog://taoge/open"></iframe>';
  6. }
  7. </script>
  8. <body>
  9. <divstyle="display:none;"id="xttblog"></div>
  10. <inputtype="button"value="打开app"onclick="openapp();">
  11. </body>
  12. </html>

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

您可能有感兴趣的文章
html5 application cache遇到的严重问题

网易微博Web App用HTML5开发的过程介绍

Html5内唤醒百度、高德APP的如何实现示例

Html5如何唤起百度地图App的方法

webapp字号大小跟随系统字号大小缩放的示例代码