HTML5打开本地app应用的方法


Posted in HTML / CSS onMarch 31, 2016

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

首先为了保证能够打开你的app,你必须要在androidManifest.xml中配置的filter中data的属性表述。<data android:pathprefix="/taoge/open" android:scheme="xttblog"></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. <!DOCTYPE HTML>  
  2. <html>  
  3. <script>  
  4.  function openapp(){   
  5.   document.getElementById('xttblog').innerHTML='<iframe src="xttblog://taoge/open"></iframe>';   
  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>  

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

HTML / CSS 相关文章推荐
CSS3感应鼠标的背景闪烁和图片缩放动画效果
May 14 HTML / CSS
CSS3实现的文本3D效果附图
Sep 03 HTML / CSS
浅谈HTML5 defer和async的区别
Jun 07 HTML / CSS
网页中的电话号码如何实现一键直呼效果_附示例
Mar 15 HTML / CSS
HTML5 WebGL 实现民航客机飞行监控系统
Jul 25 HTML / CSS
详解如何用canvas画一个微笑的表情
Mar 14 HTML / CSS
HTML5通过调用canvas对象的getContext()方法来获取绘图环境
Jun 23 HTML / CSS
深入解析HTML5中的Blob对象的使用
Sep 08 HTML / CSS
详解基于canvas的视频遮罩插件
Jan 04 HTML / CSS
快速创建 HTML5 Canvas 电信网络拓扑图的示例代码
Mar 21 HTML / CSS
如何在CSS中绘制曲线图形及展示动画
May 24 HTML / CSS
CSS实现渐变色边框(Gradient borders)的5种方法
Mar 25 HTML / CSS
如何在网站上添加谷歌定位信息
Apr 16 #HTML / CSS
HTML5中使用postMessage实现Ajax跨域请求的方法
Apr 19 #HTML / CSS
HTML5的Geolocation地理位置定位API使用教程
May 12 #HTML / CSS
HTML5的video标签的浏览器兼容性增强方案分享
May 19 #HTML / CSS
HTML5中的postMessage API基本使用教程
May 20 #HTML / CSS
浅谈HTML5 defer和async的区别
Jun 07 #HTML / CSS
Html5上传图片 移动端、PC端通用代码
Jun 08 #HTML / CSS
You might like
Discuz!5的PHP代码高亮显示插件(黑暗中的舞者更新)
2007/01/29 PHP
CodeIgniter针对lighttpd服务器URL重写的方法
2015/06/10 PHP
PHP添加图片水印、压缩、剪切的封装类
2015/08/17 PHP
PHP之将POST数据转化为字符串的实现代码
2016/11/03 PHP
JQuery 遮罩层实现(mask)实现代码
2010/01/09 Javascript
Javascript将string类型转换int类型
2010/12/09 Javascript
javascript之bind使用介绍
2011/10/09 Javascript
基于jquery封装的一个js分页
2011/11/15 Javascript
jquery清空textarea等输入框实现代码
2013/04/22 Javascript
JS中setInterval、setTimeout不能传递带参数的函数的解决方案
2013/04/28 Javascript
Javascript玩转继承(一)
2014/05/08 Javascript
使用jQuery不判断浏览器高度解决iframe自适应高度问题
2014/12/16 Javascript
jQuery实现点击图片翻页展示效果的方法
2015/02/16 Javascript
Underscore源码分析
2015/12/30 Javascript
js判断当前页面用什么浏览器打开的方法
2016/01/06 Javascript
jQuery选择器及jquery案例详解(必看)
2016/05/20 Javascript
浅谈javascript中new操作符的原理
2016/06/07 Javascript
JS实现控制文本框的内容
2016/07/10 Javascript
浅析使用BootStrap TreeView插件实现灵活配置快递模板
2016/11/28 Javascript
关于Vue背景图打包之后访问路径错误问题的解决
2017/11/03 Javascript
详解在React-Native中持久化redux数据
2019/05/22 Javascript
js最全的数组的降维5种办法(小结)
2020/04/28 Javascript
python获得linux下所有挂载点(mount points)的方法
2015/04/29 Python
简单介绍Python中的floor()方法
2015/05/15 Python
利用Python脚本实现ping百度和google的方法
2017/01/24 Python
Python IDLE 错误:IDLE''s subprocess didn''t make connection 的解决方案
2017/02/13 Python
Django学习教程之静态文件的调用详解
2018/05/08 Python
TensorFlow绘制loss/accuracy曲线的实例
2020/01/21 Python
Python中zip()函数的解释和可视化(实例详解)
2020/02/16 Python
Django权限设置及验证方式
2020/05/13 Python
python Timer 类使用介绍
2020/12/28 Python
鼠标滚轮事件和Mac触控板双指事件
2019/12/23 HTML / CSS
高中微机老师自我鉴定
2014/02/16 职场文书
全国文明单位申报材料
2014/05/31 职场文书
开学典礼校长致辞
2015/07/29 职场文书
mysql 8.0.24 安装配置方法图文教程
2021/05/12 MySQL