• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > Android本地应用打开方法——通过html5写连接

Android本地应用打开方法——通过html5写连接

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含android,本地html5,android,打开本地html等相关知识,佚名 希望在学习及工作中可以帮助到您

1、在html中设置链接

scheme可以自己在app内部设置成任意的,把android和ios的设置成一样的
2、若本地应用存在,直接打开app;若不存在,计时一段时间跳到appstore
需要判断ios还是android平台下的浏览器,需要判断微信浏览器

  1. <code class="hljs" javascript="">var openApp = function () {    
  2. var btnOpenApp = document.getElementById(open-app);    
  3. btnOpenApp.onclick = function () {    
  4. //打开本地应用函数    
  5. var open=function(url){    
  6. var timeout;    
  7. function try_to_open_app() {    
  8. timeout = setTimeout(function(){    
  9. window.location.href=url;    
  10. console.log()    
  11. }, );    
  12. }    
  13. try_to_open_app();    
  14. }    
  15. if (/android/i.test(navigator.userAgent)) {    
  16. //alert(This is Android'browser.);//这是Android平台下浏览器    
  17. if (/MicroMessenger/i.test(navigator.userAgent)) {    
  18. alert(This is MicroMessenger browser,请使用本地浏览器打开);//这是微信平台下浏览器    
  19. }    
  20. else {    
  21. open(andorid应用市场url);    
  22. }    
  23. }    
  24. if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {    
  25. //alert(This is iOS'browser.);//这是iOS平台下浏览器    
  26. if (/MicroMessenger/i.test(navigator.userAgent)) {    
  27. alert(微信内置浏览器不支持打开本地应用,请点击右上角使用本地浏览器打开);//这是微信平台下浏览器    
  28. }    
  29. else {    
  30. open(ios应用市场url);    
  31. }    
  32. }    
  33. };    
  34. }</code>   

 Android配置

  1. <activity android:name=".ui.UploadActivity" android:screenorientation="portrait">    
  2. <intent-filter>    
  3. <data android:scheme="http" android:host="192.168.167.33" android:port="8088" android:path="/mi-tracker-web/download.html">    
  4. <action android:name="android.intent.action.VIEW">    
  5. <category android:name="android.intent.category.DEFAULT">    
  6. <category android:name="android.intent.category.BROWSABLE">    
  7. </category></category></action></data></intent-filter>    
  8. </activity>   

您可能想查找下面的文章:

  • Android本地应用打开方法——通过html5写连接
  • HTML5和原生app如何进行交互?
  • canvas绘制各种基本图形
  • Android自定义环形LoadingView效果
  • 利用SurfaceView实现下雨与下雪动画的效果
  • 使用Android仿微信加载H5页面的进度条
  • html5上传图片IOS系统和Android系统下均显示摄像头拍照和图片选择
  • 为什么 HTML5 在 iOS 上很流畅,但在 Android 上却不尽如人意?
  • ios版的youtube如何做到没有下载更新可是图标和内容都自动变了?
  • 大学刚毕业想去培训ios,android和html5,请问哪个好点,就前景和工薪方面给解答,?

相关文章

  • 2018-12-03详解H5 活动页之移动端 REM 布局适配方法
  • 2017-08-06HTML5移动端手机网站开发流程
  • 2018-12-03HTML5移动端开发中的Viewport标签及相关CSS用法解析_html5教程技巧
  • 2018-12-03html5 canvas的lineWidth属性为何设置1px间隔时看不到间隙?
  • 2018-12-03关于知乎回答问题编辑框用Ctrl+V 粘贴图片是如何实现的详解
  • 2018-12-03html5指南-2.如何操作document metadata_html5教程技巧
  • 2018-12-03浅析border-radius如何兼容IE_html5教程技巧
  • 2017-08-06HTML5微信播放全屏问题的解决方法
  • 2018-12-03HTML5语义化标记Section和Article实例详解
  • 2018-12-03怎么制作一个H5响应式网站?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML5应用-欢乐老虎机的实现代码
    • canvas画矩形和svg画矩形的两种方法代码
    • 深入探究HTML5的History API
    • HTML5开发实例-ThreeJs实现粒子动画飘花效果代码分享
    • 解析HTML5 geolocation的实例教程
    • html5文字阴影效果text-shadow使用示例_html5教程技巧
    • 利用Jquery使用HTML5的FormData属性实现文件上传
    • HTML5 File接口在web页面上使用文件下载
    • HTML5之SVG 2D入门2—图形绘制(基本形状)介绍及使用_html5教程技巧
    • HTML5 WebG 的3D网络拓扑结构图

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有