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中transform变换模型的渲染
May 27 HTML / CSS
10分钟理解CSS3 Grid布局
Dec 20 HTML / CSS
CSS3 实现发光边框特效
Nov 11 HTML / CSS
HTML5 Canvas API中drawImage()方法的使用实例
Mar 25 HTML / CSS
HTML5的结构和语义(4):语义性的内联元素
Oct 17 HTML / CSS
用html5实现语音搜索框的方法
Mar 18 HTML / CSS
简单html5代码获取地理位置
Mar 31 HTML / CSS
HTML5 canvas绘制的玫瑰花效果
May 29 HTML / CSS
Html5跳转到APP指定页面的实现
Jan 14 HTML / CSS
iframe与window.onload如何使用详解
May 07 HTML / CSS
详解CSS不定宽溢出文本适配滚动
May 24 HTML / CSS
css布局巧妙技巧之css三角示例的运用
Mar 16 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
rrmdir php中递归删除目录及目录下的文件
2011/05/15 PHP
laravel-admin select框默认选中的方法
2019/10/03 PHP
PHP正则之正向预查与反向预查讲解与实例
2020/04/06 PHP
JavaScript 判断浏览器类型及版本
2009/02/21 Javascript
javascript实现的在当前窗口中漂浮框的代码
2010/03/15 Javascript
jquery focus(fn),blur(fn)方法实例代码
2011/12/16 Javascript
JavaScript中的undefined学习总结
2013/11/30 Javascript
js中Math之random,round,ceil,floor的用法总结
2013/12/26 Javascript
完美兼容多浏览器的js判断图片路径代码汇总
2015/04/17 Javascript
node.js抓取并分析网页内容有无特殊内容的js文件
2015/11/17 Javascript
js实现滚动条滚动到某个位置便自动定位某个tr
2021/01/20 Javascript
javascript的几种继承方法介绍
2016/03/22 Javascript
jQuery实现鼠标选文字发新浪微博的方法
2016/04/02 Javascript
bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
2017/02/10 Javascript
微信小程序 开发之顶部导航栏实例代码
2017/02/23 Javascript
纯js实现动态时间显示
2020/09/07 Javascript
微信小程序实现tab切换效果
2017/11/21 Javascript
vue防止花括号{{}}闪烁v-text和v-html、v-cloak用法示例
2019/03/13 Javascript
解决layui表格内文本超出隐藏的问题
2019/09/12 Javascript
node.js事件轮询机制原理知识点
2019/12/22 Javascript
如何使用JavaScript实现无缝滚动自动播放轮播图效果
2020/08/20 Javascript
windows10系统中安装python3.x+scrapy教程
2016/11/08 Python
Python3网络爬虫之使用User Agent和代理IP隐藏身份
2017/11/23 Python
在Pycharm中对代码进行注释和缩进的方法详解
2019/01/20 Python
python pandas cumsum求累计次数的用法
2019/07/29 Python
TFRecord文件查看包含的所有Features代码
2020/02/17 Python
python opencv图像处理(素描、怀旧、光照、流年、滤镜 原理及实现)
2020/12/10 Python
html5 Canvas实现图片旋转的示例
2018/01/15 HTML / CSS
战略合作意向书范本
2014/04/01 职场文书
2015年综治宣传月活动总结
2015/03/25 职场文书
大学生如何逃脱“毕业季创业队即散伙”魔咒?
2019/08/19 职场文书
导游词之江南园林狮子林
2019/09/16 职场文书
vite+vue3.0+ts+element-plus快速搭建项目的实现
2021/06/24 Vue.js
看完这篇文章获得一些java if优化技巧
2021/07/15 Java/Android
springboot新建项目pom.xml文件第一行报错的解决
2022/01/18 Java/Android
如何利用python创作字符画
2022/06/25 Python