您现在的位置是：网站首页> 编程资料编程资料

HTML5打开本地app应用的方法_html5_网页制作_

2021-09-13 984人已围观

简介 这篇文章主要介绍了HTML5打开本地app应用的方法，如果你的手机上安装有支付宝，那么在访问支付宝手机网页时就会自动打开支付宝app，否则在页面上会提示你进行下载app，这是如何实现的？感兴趣的小伙伴们可以参考本文

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

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

XML/HTML Code复制内容到剪贴板
  1. xml version="1.0" encoding="utf-8"?>  
  2. <manifest xmlns: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.                 <action android:name="android.intent.action.MAIN" />  
  24.                 <category android:name="android.intent.category.LAUNCHER" />  
  25.             intent-filter>  
  26.             <intent-filter>  
  27.                 <action android:name="android.intent.action.VIEW" />  
  28.                 <category android:name="android.intent.category.BROWSABLE" />  
  29.                 <category android:name="android.intent.category.DEFAULT" />  
  30.                 <data android: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. >  
  2. <html>  
  3. <script>  
  4.  function openapp(){   
  5.   document.getElementById('xttblog').innerHTML='';   
  6.  }   
  7. script>  
  8. <body>  
  9.  <div style="display:none;" id="xttblog">div>  
  10.  <input type="button" value="打开app" onclick="openapp();">  
  11. body>  
  12. html>  

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

上一篇：移动web模拟客户端实现多方框输入密码效果【附代码】_html5_网页制作_

下一篇：如何在网站上添加谷歌定位信息_html5_网页制作_

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网