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中Animation动画属性用法详解
Jul 04 HTML / CSS
css3中仿放大镜效果的几种方式原理解析
Dec 03 HTML / CSS
html5 利用canvas手写签名并保存的实现方法
Jul 12 HTML / CSS
html5中监听canvas内部元素点击事件的三种方法
Apr 28 HTML / CSS
用HTML5实现网站在windows8中贴靠的方法
Apr 21 HTML / CSS
html5使用canvas画空心圆与实心圆
Dec 15 HTML / CSS
HTML5 新标签全部总汇(推荐)
Jun 13 HTML / CSS
详解canvas绘制网络字体几种方法
Aug 27 HTML / CSS
webView加载html图片遇到的问题解决
Oct 08 HTML / CSS
使用SVG实现提示框功能的示例代码
Jun 05 HTML / CSS
Html5通过数据流方式播放视频的实现
Apr 27 HTML / CSS
HTML中的表单元素介绍
Feb 28 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
如何去掉文章里的 html 语法
2006/10/09 PHP
PHP中SimpleXML函数用法分析
2014/11/26 PHP
php封装的pdo数据库操作工具类与用法示例
2019/05/08 PHP
BOOM vs RR BO3 第二场2.13
2021/03/10 DOTA
js 图片缩放(按比例)控制代码
2009/05/27 Javascript
JavaScript中的闭包原理分析
2010/03/08 Javascript
js单例模式的两种方案
2013/10/22 Javascript
jquery实现tr元素的上下移动示例代码
2013/12/20 Javascript
AngularJS基础知识
2014/12/21 Javascript
js实现简单的联动菜单效果
2015/08/19 Javascript
jQuery实现的产品自动360度旋转展示特效源码分享
2015/08/21 Javascript
smartcrop.js智能图片裁剪库
2015/10/14 Javascript
基于JavaScript实现树形下拉框
2016/08/10 Javascript
BootStrap实现文件上传并带有进度条效果
2017/09/11 Javascript
JavaScript屏蔽Backspace键的实现代码
2017/11/02 Javascript
浅谈VueJS SSR 后端绘制内存泄漏的相关解决经验
2018/12/20 Javascript
JS事件绑定的常用方式实例总结
2019/03/02 Javascript
vue Element左侧无限级菜单实现
2020/06/10 Javascript
请求时token过期自动刷新token操作
2020/09/11 Javascript
vue切换菜单取消未完成接口请求的案例
2020/11/13 Javascript
python字典多键值及重复键值的使用方法(详解)
2016/10/31 Python
python去掉行尾的换行符方法
2017/01/04 Python
Python实现简单网页图片抓取完整代码实例
2017/12/15 Python
Python实现程序判断季节的代码示例
2019/01/28 Python
Python中单线程、多线程和多进程的效率对比实验实例
2019/05/14 Python
Django model 中设置联合约束和联合索引的方法
2019/08/06 Python
css3图片边框border-image的用法
2017/06/30 HTML / CSS
会计实习生工作总结的自我评价
2013/10/07 职场文书
运动会广播稿60字
2014/01/15 职场文书
会走路的树教学反思
2014/02/20 职场文书
培训研修方案
2014/06/06 职场文书
我们的节日元宵活动方案
2014/08/23 职场文书
租车协议书范本2014
2014/11/17 职场文书
2014财产信托协议书范本
2014/11/18 职场文书
一年级数学上册复习计划
2015/01/17 职场文书
幼儿园六一主持词
2015/06/30 职场文书