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 相关文章推荐
html5 css3 动态气泡按钮实例演示
Dec 02 HTML / CSS
简单介绍CSS3中Media Query的使用
Jul 07 HTML / CSS
CSS3的RGBA中关于整数和百分比值的转换
Aug 04 HTML / CSS
css3实现椭圆轨迹旋转的示例代码
Oct 29 HTML / CSS
HTML5 本地存储实现购物车功能
Sep 07 HTML / CSS
html5 视频播放解决方案
Nov 06 HTML / CSS
详解如何解决canvas图片getImageData,toDataURL跨域问题
Sep 17 HTML / CSS
微信小程序canvas实现水平、垂直居中效果
Feb 05 HTML / CSS
AmazeUI 折叠面板的实现代码
Aug 17 HTML / CSS
HTML+CSS制作心跳特效的实现
May 26 HTML / CSS
html中显示特殊符号(附带特殊字符对应表)
Jun 21 HTML / CSS
clear 万能清除浮动(clearfix:after)
May 21 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
桌面中心(二)数据库写入
2006/10/09 PHP
人大复印资料处理程序_查询篇
2006/10/09 PHP
如何写php程序?
2006/12/08 PHP
PHP数据类型之整数类型、浮点数的介绍
2013/04/28 PHP
php 解析xml 的四种方法详细介绍
2016/10/26 PHP
来自国外的页面JavaScript文件优化
2010/12/08 Javascript
XMLHTTP 乱码的解决方法(UTF8,GB2312 编码 解码)
2011/01/12 Javascript
js截取字符串的两种方法及区别详解
2013/11/05 Javascript
使用js实现一个可编辑的select下拉列表
2014/02/20 Javascript
Linux下使用jq友好的打印JSON技巧分享
2014/11/18 Javascript
让javascript加载速度倍增的方法(解决JS加载速度慢的问题)
2014/12/12 Javascript
js实现开启密码大写提示
2016/12/21 Javascript
深入理解jquery的$.extend()、$.fn和$.fn.extend()
2017/07/08 jQuery
解决vue里碰到 $refs 的问题的方法
2017/07/13 Javascript
JavaScript中各数制转换全面总结
2017/08/21 Javascript
vue实现点击选中,其他的不选中方法
2018/09/05 Javascript
Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
2018/10/08 Javascript
深入浅析Node.js 事件循环、定时器和process.nextTick()
2018/10/22 Javascript
原生js实现获取form表单数据代码实例
2019/03/27 Javascript
webpack4手动搭建Vue开发环境实现todoList项目的方法
2019/05/16 Javascript
九步学会Python装饰器
2015/05/09 Python
Python Requests安装与简单运用
2016/04/07 Python
Python3.5字符串常用操作实例详解
2019/05/01 Python
从训练好的tensorflow模型中打印训练变量实例
2020/01/20 Python
python GUI库图形界面开发之PyQt5控件数据拖曳Drag与Drop详细使用方法与实例
2020/02/27 Python
Python reques接口测试框架实现代码
2020/07/28 Python
python实现图片,视频人脸识别(dlib版)
2020/11/18 Python
css3动画事件—webkitAnimationEnd与计时器time事件
2013/01/31 HTML / CSS
html5仿支付宝密码框的实现代码
2017/09/06 HTML / CSS
html通过canvas转成base64的方法
2019/07/18 HTML / CSS
在求职信中如何凸显个人优势
2013/10/30 职场文书
日化店促销方案
2014/03/26 职场文书
10的分与合教学反思
2014/04/30 职场文书
年终晚会活动方案
2014/08/21 职场文书
美丽心灵观后感
2015/06/01 职场文书
Python办公自动化之教你如何用Python将任意文件转为PDF格式
2021/06/28 Python