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 相关文章推荐
IE兼容css3圆角的实现代码
Jul 21 HTML / CSS
纯css3使用vw和vh实现自适应的方法
Feb 09 HTML / CSS
CSS3实现酷炫的3D旋转透视效果
Nov 21 HTML / CSS
详解css3使用transform出现字体模糊的解决办法
Oct 16 HTML / CSS
Html5画布_动力节点Java学院整理
Jul 13 HTML / CSS
HTML5的文档结构和新增标签完全解析
Apr 21 HTML / CSS
html5在移动端的屏幕适应问题示例探讨
Jun 15 HTML / CSS
HTML5页面音视频在微信和app下自动播放的实现方法
Oct 20 HTML / CSS
详解如何通过H5(浏览器/WebView/其他)唤起本地app
Dec 11 HTML / CSS
手摸手教你用canvas实现给图片添加平铺水印的实现
Aug 20 HTML / CSS
css 边框添加四个角的实现代码
Oct 16 HTML / CSS
CSS文本阴影 text-shadow 悬停效果详解
May 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
全国FM电台频率大全 - 28 甘肃省
2020/03/11 无线电
PHP生成二维码的两个方法和实例
2014/07/01 PHP
php采用curl实现伪造IP来源的方法
2014/11/21 PHP
PHP类的自动加载机制实现方法分析
2019/01/10 PHP
PHP哈希表实现算法原理解析
2020/12/11 PHP
关于JavaScript的gzip静态压缩方法
2007/01/05 Javascript
jscript之List Excel Color Values
2007/06/13 Javascript
jQuery EasyUI API 中文文档 可调整尺寸
2011/09/29 Javascript
以JSON形式将JS中Array对象数组传至后台的方法
2014/01/06 Javascript
使用AngularJS实现可伸缩的页面切换的方法
2015/06/19 Javascript
JS中取二维数组中最大值的方法汇总
2016/04/17 Javascript
第五篇Bootstrap 排版
2016/06/21 Javascript
jQuery tagsinput在h5邮件客户端中应用详解
2016/09/26 Javascript
jQuery扩展+xml实现表单验证功能的方法
2016/12/25 Javascript
node.js实现登录注册页面
2017/04/08 Javascript
Vue filter介绍及其使用详解
2017/10/21 Javascript
[32:30]夜魇凡尔赛茶话会 第一期01:谁是卧底
2021/03/11 DOTA
[52:20]DOTA2-DPC中国联赛正赛 SAG vs XGBO3 第一场 3月5日
2021/03/11 DOTA
详解Python中列表和元祖的使用方法
2015/04/25 Python
python 如何快速找出两个电子表中数据的差异
2017/05/26 Python
Django框架中间件(Middleware)用法实例分析
2019/05/24 Python
python圣诞树编写实例详解
2020/02/13 Python
基于Python脚本实现邮件报警功能
2020/05/20 Python
Python多个装饰器的调用顺序实例解析
2020/05/22 Python
Python Socket TCP双端聊天功能实现过程详解
2020/06/15 Python
Python容器类型公共方法总结
2020/08/19 Python
Python新建项目自动添加介绍和utf-8编码的方法
2020/12/26 Python
用pushplus+python监控亚马逊到货动态推送微信
2021/01/29 Python
HTML5公共页面提取作为公用代码的方法
2020/06/30 HTML / CSS
C#的几个面试问题
2016/05/22 面试题
销售员工作检讨书(推荐篇)
2014/10/18 职场文书
地方白酒代理协议书
2014/10/25 职场文书
优秀班主任推荐材料
2014/12/17 职场文书
Mysql中调试存储过程最简单的方法
2021/06/30 MySQL
AJAX引擎原理以及XmlHttpRequest对象的axios、fetch区别详解
2022/04/09 Javascript
Centos7 Shell编程之正则表达式、文本处理工具详解
2022/08/05 Servers