首页
所有分类
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 相关文章推荐
html5+css3之CSS中的布局与Header的实现
Nov 21 HTML / CSS
利用CSS3的transition属性实现滑动效果
Aug 05 HTML / CSS
css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况
Dec 06 HTML / CSS
css3实现wifi信号逐渐增强效果实例
Aug 09 HTML / CSS
HTML5 transform三维立方体实现360无死角三维旋转效果
Aug 22 HTML / CSS
html5绘制时钟动画
Dec 15 HTML / CSS
HTML5自定义属性前缀data-及dataset的使用方法(html5 新特性)
Aug 24 HTML / CSS
浅谈html5之sse服务器发送事件EventSource介绍
Aug 28 HTML / CSS
html5清空画布方法（三种）
Oct 16 HTML / CSS
Canvas中设置width与height的问题浅析
Nov 01 HTML / CSS
css实现文章分割线样式的多种方法总结
Apr 21 HTML / CSS
使用HBuilder制作一个简单的HTML5网页
Jul 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
车机(1) PL-365(1) TECSUN(1) 海燕B411(1) 1 Tube Radio(1) 德生(17) 东方红(1) 电子管(5) 修复(2) 再生机(1)
You might like
php常用数组函数实例小结
2016/12/29 PHP
PHP CodeIgniter分页实例及多条件查询解决方案(推荐)
2017/05/20 PHP
PHP错误提示It is not safe to rely on the system……的解决方法
2019/03/25 PHP
PHP强制转化的形式整理
2020/05/22 PHP
自适应图片大小的弹出窗口
2006/07/27 Javascript
Javascript 命名空间模式
2013/11/01 Javascript
js和jquery使按钮失效为不可用状态的方法
2014/01/26 Javascript
js图片跟随鼠标移动代码
2015/11/26 Javascript
详解js跨域原理以及2种解决方案
2015/12/09 Javascript
JQuery validate插件Remote用法大全
2016/05/15 Javascript
微信小程序中input标签详解及简单实例
2017/05/18 Javascript
JS实现微信里判断页面是否被分享成功的方法
2017/06/06 Javascript
微信小程序 es6-promise.js封装请求与处理异步进程
2017/06/12 Javascript
浅谈vue-router 路由传参的方法
2017/12/27 Javascript
简单理解Vue中的nextTick方法
2018/01/30 Javascript
redux中间件之redux-thunk的具体使用
2018/04/17 Javascript
vue中使用WX-JSSDK的两种方法(推荐)
2020/01/18 Javascript
介绍Python中的文档测试模块
2015/04/28 Python
Python 基础教程之闭包的使用方法
2017/09/29 Python
使用Python操作excel文件的实例代码
2017/10/15 Python
Python实现的选择排序算法原理与用法实例分析
2017/11/22 Python
解决python使用open打开文件中文乱码的问题
2017/12/29 Python
TensorFlow搭建神经网络最佳实践
2018/03/09 Python
Python使用修饰器进行异常日志记录操作示例
2019/03/19 Python
基于python实现高速视频传输程序
2019/05/05 Python
不同浏览器对CSS3和HTML5的支持状况
2009/10/31 HTML / CSS
夏威夷灵感服装及配饰：Reyn Spooner
2018/09/18 全球购物
会计岗位职责
2013/11/08 职场文书
甜品蛋糕店创业计划书范文
2014/02/06 职场文书
环保倡议书范文
2014/05/12 职场文书
大学毕业生推荐信
2014/07/09 职场文书
港澳通行证委托书怎么写
2014/08/02 职场文书
幼儿园辞职信
2015/05/13 职场文书
Python 发送SMTP邮件的简单教程
2021/06/24 Python
python如何将mat文件转为png
2022/07/15 Python
Vue3实现简易音乐播放器组件
2022/08/14 Vue.js