首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 HTML / CSS

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>  

以上就是本文的全部内容，希望对大家的学习有所帮助。

HTML5打开本地app应用的方法

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

HTML / CSS 相关文章推荐
css3 响应式媒体查询的示例代码
Sep 25 HTML / CSS
一款利用纯css3实现的超炫3D表单的实例教程
Dec 01 HTML / CSS
CSS3的常见transformation图形变化用法小结
May 13 HTML / CSS
css3加js做一个简单的3D行星运转效果实例代码
Jan 18 HTML / CSS
使用CSS3实现SVG路径描边动画效果入门教程
Oct 21 HTML / CSS
CSS3 新增选择器的实例
Nov 13 HTML / CSS
HTML5移动端开发遇见的东西
Oct 11 HTML / CSS
HTML5 常用语法一览(列举不支持的属性)
Jan 26 HTML / CSS
phonegap常用事件总结(必看篇)
Mar 31 HTML / CSS
使用postMessage让 iframe自适应高度的方法示例
Oct 08 HTML / CSS
html5 移动端视频video的android兼容(去除播放控件、全屏)
Mar 26 HTML / CSS
Html5基于canvas实现电子签名并生成PDF文档
Dec 07 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
Coroutine(1) greenlet(1) 自动播放(1) 正则表达式(3) csv(4) 进销存(1) Excel(4) gevent(1) 信息校验(1) pytest(3)
You might like
解决php接收shell返回的结果中文乱码问题
2014/01/23 PHP
PHP去除空数组且数组键名重置的讲解
2019/02/28 PHP
?牟┛途W扣了一??效果出?? target=
2007/05/27 Javascript
ExtJs使用IFrame的实现代码
2010/03/24 Javascript
JQuery跨Iframe选择实现代码
2010/08/19 Javascript
jQuery不间断滚动效果(模拟百度新闻支持文字/图片/垂直滚动)
2013/02/05 Javascript
使用jQuery插件创建常规模态窗口登陆效果
2013/08/23 Javascript
利用jquery包将字符串生成二维码图片
2013/09/12 Javascript
jQuery中:header选择器用法实例
2014/12/29 Javascript
JavaScript简单下拉菜单实例代码
2015/09/07 Javascript
基于JS实现checkbox全选功能实例代码
2016/10/31 Javascript
Webpack中css-loader和less-loader的使用教程
2017/04/27 Javascript
JavaScript实现动态添加Form表单元素的方法示例
2017/08/14 Javascript
小程序兼容安卓和IOS数据处理问题及坑
2018/09/18 Javascript
uni-app之APP和小程序微信授权方法
2019/05/09 Javascript
使用webpack将ES6转化ES5的实现方法
2019/10/13 Javascript
JS实现的进制转换，浮点数相加，数字判断操作示例
2019/11/09 Javascript
vue深度监听(监听对象和数组的改变)与立即执行监听实例
2020/09/04 Javascript
如何在Vue项目中添加接口监听遮罩
2021/01/25 Vue.js
Python实现将SQLite中的数据直接输出为CVS的方法示例
2017/07/13 Python
Python使用pip安装pySerial串口通讯模块
2018/04/20 Python
python多个模块py文件的数据共享实例
2019/01/11 Python
python虚拟环境的安装和配置(virtualenv，virtualenvwrapper）
2019/08/09 Python
完美解决pycharm 不显示代码提示问题
2020/06/02 Python
Python 解决相对路径问题:&quot;No such file or directory&quot;
2020/06/05 Python
Django之腾讯云短信的实现
2020/06/12 Python
Python项目实战之使用Django框架实现支付宝付款功能
2021/02/23 Python
英国高街品牌：Miss Selfridge（塞尔弗里奇小姐）
2016/09/21 全球购物
元旦晚会主持词
2014/03/24 职场文书
2014年助理政工师工作总结
2014/12/19 职场文书
小学远程教育工作总结
2015/08/13 职场文书
《蜜蜂引路》教学反思
2016/02/22 职场文书
HTML+CSS+JS实现图片的瀑布流布局的示例代码
2021/04/22 HTML / CSS
Html5通过数据流方式播放视频的实现
2021/04/27 HTML / CSS
MySQL CHAR和VARCHAR该如何选择
2021/05/31 MySQL
TV动画《八十龟酱观察日记》第四季宣传PV公布
2022/04/06 日漫