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无js实现的Android Logo(有简单动画)
Jan 21 HTML / CSS
布局和排版教程 纯css3实现图片三角形排列
Oct 17 HTML / CSS
css3实现超炫风车特效
Nov 12 HTML / CSS
css3 transform及原生js实现鼠标拖动3D立方体旋转
Jun 20 HTML / CSS
CSS3实现伪类hover离开时平滑过渡效果示例
Aug 10 HTML / CSS
解决H5的a标签的download属性下载service上的文件出现跨域问题
Jul 16 HTML / CSS
HTML5的结构和语义(1):前言
Oct 17 HTML / CSS
html5 web本地存储将取代我们的cookie
Dec 26 HTML / CSS
html5使用canvas画一条线
Dec 15 HTML / CSS
Html5在手机端调用相机的方法实现
May 13 HTML / CSS
奇妙的 CSS shapes(CSS图形)
Apr 05 HTML / CSS
使用CSS连接数据库的方式
Feb 28 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
完美解决:Apache启动问题―(OS 10022)提供了一个无效的参数
2013/06/08 PHP
php实现按文件名搜索文件的远程文件查找器
2014/05/10 PHP
一组PHP加密解密函数分享
2014/06/05 PHP
php mysql like 实现多关键词搜索的方法
2016/10/29 PHP
2017年最新PHP经典面试题目汇总(上篇)
2017/03/17 PHP
尽可能写&quot;友好&quot;的&quot;Javascript&quot;代码
2007/01/09 Javascript
JavaScript 异步调用框架 (Part 1 - 问题 &amp; 场景)
2009/08/03 Javascript
文本框中禁止非数字字符输入比如手机号码、邮编
2013/08/19 Javascript
javascript中使用new与不使用实例化对象的区别
2015/06/22 Javascript
js验证真实姓名与身份证号是否匹配
2015/10/13 Javascript
jQuery实现删除li节点的方法
2016/12/06 Javascript
JavaScript分步实现一个出生日期的正则表达式
2018/03/22 Javascript
用vue2.0实现点击选中active其他选项互斥的效果
2018/04/12 Javascript
WebGL学习教程之Three.js学习笔记(第一篇)
2019/04/25 Javascript
JS实现checkbox互斥(单选)功能示例
2019/05/04 Javascript
微信小程序点击列表跳转到对应详情页过程解析
2019/09/26 Javascript
vue不操作dom实现图片轮播的示例代码
2019/12/18 Javascript
简单了解Vue computed属性及watch区别
2020/07/10 Javascript
如何利用JavaScript编写一个格斗小游戏
2021/01/06 Javascript
[52:02]完美世界DOTA2联赛PWL S2 FTD.C vs SZ 第一场 11.27
2020/11/30 DOTA
python实现自动登录人人网并访问最近来访者实例
2014/09/26 Python
Python文档生成工具pydoc使用介绍
2015/06/02 Python
Python使用multiprocessing创建进程的方法
2015/06/04 Python
python生成词云的实现方法(推荐)
2017/06/13 Python
浅谈flask截获所有访问及before/after_request修饰器
2018/01/18 Python
30秒学会30个超实用Python代码片段【收藏版】
2019/10/15 Python
解决pytorch多GPU训练保存的模型,在单GPU环境下加载出错问题
2020/06/23 Python
Python如何实现Paramiko的二次封装
2021/01/30 Python
医院护士求职自荐信格式
2013/09/21 职场文书
房产销售经理职责
2013/12/20 职场文书
面料业务员岗位职责
2013/12/26 职场文书
《再见了,亲人》教学反思
2014/02/26 职场文书
商务邀请函
2015/01/30 职场文书
2015年为民办实事工作总结
2015/05/26 职场文书
高中开学感言
2015/08/01 职场文书
Apache Hudi的多版本清理服务彻底讲解
2022/03/31 Servers