HTML5開啟本機app應用的方法_html5教學技巧

本文為大家分享了HTML5開啟本地app應用程式的方法，具體內容如下

首先為了確保能夠打開你的app，你必須要在androidManifest.xml中配置的filter中data的屬性表述。 androidManifest.xml程式碼如下：

XML/HTML Code複製內容到剪貼簿

1. xml 版本="1.0"  編碼="utf-8"?> >
2. 清單 xmlns:android=xmlns:android== ://schemas.android.com/apk/res/android"  
3.     套件="com.taoge"    
4. android:versionCode="2"  "2"  
    
5. android:版本名稱="3.24.03""3.24.03"   
6.     使用-sdk  
7.         android:minSdkVersion=        android:targetSdkVersion
=
8. >       申請           
9. android:allowBackup=         android:configChanges
10. =         android:icon="@draw /logo"
11.         android:label="@string/app_name"="@string/app_name"=
12.         android:logo="@dable/logo"=
"@d
13.         android:sharedUserId=         
android:主題
14. ="@android 🎜>>           
活性               android:name=
15. "xttblog.W             android:excludeFromRecents=true>             android:screenOrientation
=
16.             Sharp 🎜>>               意圖過濾器>                
17. 操作操作操作
18. 操作" android .intent.action.MAIN" />                 ‧ 🎜>" android .intent.category.LAUNCHER" />  
19.             意圖過濾器>意圖過濾器>            意圖過濾器>                
20. 操作
操作操作
21. 操作" android .intent.action.VIEW" />  
              ‧ 🎜>" android .intent.category.BROWSABLE"
22.  />                 ‧ 🎜>" android .intent.category.DEFAULT" />                   
資料資料資料資料" / taoge/open"                       
23. android:scheme/>               意圖過濾器>意圖過濾器>        
活性
24. > 🎜>>          
活性  
25.             android:name="xttblog.AntRep.
26.             android:label="@string/title> 🎜>            
27. activity> 🎜>>      
28. application>     
29. manifest>  

其次，你要在你的網頁中造訪xttblog://taoge/open。可以使用的元素很多，如：script，iframe，img等。使用它們的src屬性，訪問xttblog://taoge/open。 html5程式碼如下：

XML/HTML Code複製內容到剪貼簿

1. HTML>  
2. html>  
3. script>  
4.  function openapp(){   
5.   document.getElementById('xttblog').innerHTML='';   
6.  }   
7. script>  
8. body>  
9.  div style=disstyle=disstyle=dis id="xttblog">
10. div>    input type=type== 🎜> value=
"開啟app"
11.  "openapp();">  
12. body>  

html>   以上就是本文的全部內容，希望對大家的學習有所幫助。