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常用功能的写法
Jun 05 HTML / CSS
CSS3属性background-size使用指南
Dec 09 HTML / CSS
详解CSS3的opacity属性设置透明效果的用法
May 09 HTML / CSS
CSS3利用text-shadow属性实现多种效果的文字样式展现方法
Aug 25 HTML / CSS
localStorage 设置过期时间的方法实现
Dec 21 HTML / CSS
html5 canvas 使用示例
Oct 22 HTML / CSS
关于HTML5 Placeholder新标签低版本浏览器下不兼容的问题分析及解决办法
Jan 27 HTML / CSS
h5实现获取用户地理定位的实例代码
Jul 17 HTML / CSS
html5 input输入实时检测以及延时优化
Jul 18 HTML / CSS
HTML5 图片悬停放大的实现代码示例
Dec 04 HTML / CSS
div或img图片高度随宽度自适应的方法
Feb 06 HTML / CSS
Html5大屏数据可视化开发的实现
Jun 11 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
php获取excel文件数据
2017/04/21 PHP
php7 图形用户界面GUI 开发示例
2020/02/22 PHP
基于php解决json_encode中文UNICODE转码问题
2020/11/10 PHP
JavaScript 模块化编程(笔记)
2015/04/08 Javascript
js实现简单的左右两边固定广告效果实例
2015/04/10 Javascript
javascript中createElement的两种创建方式
2015/05/14 Javascript
在Js页面通过POST传递参数跳转到新页面详解
2017/08/25 Javascript
使用JS和canvas实现gif动图的停止和播放代码
2017/09/01 Javascript
Three.js中网格对象MESH的属性与方法详解
2017/09/27 Javascript
使用express搭建一个简单的查询服务器的方法
2018/02/09 Javascript
nodejs简单访问及操作mysql数据库的方法示例
2018/03/15 NodeJs
vue配置请求本地json数据的方法
2018/04/11 Javascript
了解重排与重绘
2019/05/29 Javascript
ES6基础之数组和对象的拓展实例详解
2019/08/22 Javascript
实例分析JS中的相等性判断===、 ==和Object.is()
2019/11/17 Javascript
vscode 使用Prettier插件格式化配置使用代码详解
2020/08/10 Javascript
JS指定音频audio在某个时间点进行播放
2020/11/28 Javascript
Python bsddb模块操作Berkeley DB数据库介绍
2015/04/08 Python
Python使用win32com实现的模拟浏览器功能示例
2017/07/13 Python
python机器学习理论与实战(六)支持向量机
2018/01/19 Python
解决webdriver.Chrome()报错:Message:'chromedriver' executable needs to be in Path
2019/06/12 Python
python scrapy爬虫代码及填坑
2019/08/12 Python
Python调用shell cmd方法代码示例解析
2020/06/18 Python
容易被忽略的Python内置类型
2020/09/03 Python
深入理解HTML的FormData对象
2016/05/17 HTML / CSS
Anya Hindmarch官网:奢侈设计师手袋及配饰
2018/11/15 全球购物
西部世纪面试题
2014/12/05 面试题
应届生法律求职信
2013/10/22 职场文书
十佳青年个人事迹材料
2014/01/28 职场文书
李敖北大演讲稿
2014/05/24 职场文书
党的群众路线教育实践活动个人整改落实情况汇报
2014/10/28 职场文书
烟台的海导游词
2015/02/02 职场文书
矛盾论读书笔记
2015/06/29 职场文书
2019 入党申请书范文
2019/07/10 职场文书
Java Dubbo框架知识点梳理
2021/06/26 Java/Android
解决Mysql多行子查询的使用及空值问题
2022/01/22 MySQL