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 相关文章推荐
50个强大璀璨的CSS3/JS技术运用实例
Feb 27 HTML / CSS
CSS3旋转——彩色扇子兼容firefox浏览器
Jun 04 HTML / CSS
CSS去掉A标签(链接)虚线框的方法
Apr 01 HTML / CSS
一款纯css3实现的鼠标经过按钮特效教程
Nov 09 HTML / CSS
纯CSS3绘制打火机动画火焰效果
Jul 18 HTML / CSS
css3利用transform变形结合事件完成扇形导航
Oct 26 HTML / CSS
W3C公布最新的HTML5标准草案
Oct 17 HTML / CSS
HTML5教程之html 5 本地数据库(Web Sql Database)
Apr 03 HTML / CSS
html5模拟平抛运动(模拟小球平抛运动过程)
Jul 25 HTML / CSS
使用 HTML5 Canvas 制作水波纹效果点击图片就会触发
Sep 15 HTML / CSS
HTML5的postMessage的使用手册
Dec 19 HTML / CSS
html5唤醒APP小记
Mar 27 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
PHP脚本的10个技巧(4)
2006/10/09 PHP
php中关于codeigniter的xmlrpc的类在进行数据交换时的类型问题
2011/07/03 PHP
php抓取页面的几种方法详解
2013/06/17 PHP
PHP限制页面只能在微信自带浏览器访问的代码
2014/01/15 PHP
PHP中递归的实现实例详解
2017/11/14 PHP
PHP XML Expat解析器知识点总结
2019/02/15 PHP
javascript入门·对象属性方法大总结
2007/10/01 Javascript
javascript 强制刷新页面的实现代码
2009/12/13 Javascript
javascript模版引擎-tmpl的bug修复与性能优化分析
2011/10/23 Javascript
setInterval()和setTimeout()的用法和区别示例介绍
2013/11/17 Javascript
vue.js+boostrap项目实践(案例详解)
2016/09/21 Javascript
html判断当前页面是否在iframe中的实例
2016/11/30 Javascript
原生JS实现N级菜单的代码
2017/05/21 Javascript
js 显示日期时间的实例(时间过一秒加1)
2017/10/25 Javascript
nodejs连接mysql数据库及基本知识点详解
2018/03/20 NodeJs
微信小程序模板消息推送的两种实现方式
2019/08/27 Javascript
mpvue实现小程序签到金币掉落动画(api实现)
2019/10/17 Javascript
JavaScript设计模式--桥梁模式引入操作实例分析
2020/05/23 Javascript
解决Vue keep-alive 调用 $destory() 页面不再被缓存的情况
2020/10/30 Javascript
解决python删除文件的权限错误问题
2018/04/24 Python
详解python 注释、变量、类型
2018/08/10 Python
打包python 加icon 去掉cmd黑窗口方法
2019/06/24 Python
python+playwright微软自动化工具的使用
2021/02/02 Python
Python xlwings插入Excel图片的实现方法
2021/02/26 Python
canvas进阶之如何画出平滑的曲线
2018/10/15 HTML / CSS
澳大利亚女性快速时尚零售商:Ally Fashion
2018/04/25 全球购物
八年级生物教学反思
2014/01/22 职场文书
《鸟的天堂》教学反思
2014/02/27 职场文书
幼儿教师演讲稿
2014/05/06 职场文书
乐观自信演讲稿范文
2014/05/21 职场文书
乡镇精神文明建设汇报材料
2014/08/15 职场文书
项目合作协议书
2014/09/23 职场文书
四风查摆剖析材料
2014/10/10 职场文书
2014幼儿园班主任工作总结
2014/12/04 职场文书
开学季:喜迎新生,迎新标语少不了
2019/11/07 职场文书
教你利用python实现企业微信发送消息
2021/05/23 Python