H5页面如何唤醒app改进篇
2016-08-21 22:00
666 查看
看说明分为直接唤醒和点击唤醒。 <html xmlns=http://www.w3.org/1999/xhtml> <head> <meta http-equiv=Content-Type content="text/html;charset=utf-8"> <head> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <title>点击唤醒demo</title> </head> <body> <style> #zjmobliestart{font-size:40px;} </style> <!-- 说明:通过h5可换醒app,如访问一个URL,点击按钮,打开应用,如果该应用APP没有安装,那么直接跳转到App Store的APP下载页面,通过点击的方式兼容性较好,如果安装了app,在手机各大浏览器(360浏览器 uc浏览器 搜狗浏览器 QQ浏览器 百度浏览器 )和QQ客户端中,能唤醒。微信 新浪微博客户端 腾讯微博客户端无法唤醒。 --> <a href="zjmobile://platformapi/startapp" id="zjmobliestart" target="_blank">唤醒浙江移动手机营业厅!</a> <script type="text/javascript"> function applink(){ return function(){ var clickedAt = +new Date; setTimeout(function(){ !window.document.webkitHidden && setTimeout(function(){ if (+new Date - clickedAt < 2000){ window.location = 'https://itunes.apple.com/us/app/zhe-jiang-yi-dong-shou-ji/id898243566#weixin.qq.com'; } }, 500); }, 500) }; } document.getElementById("zjmobliestart").onclick = applink(); </script> </body> </html> <!Doctype html> <html xmlns=http://www.w3.org/1999/xhtml> <head> <meta http-equiv=Content-Type content="text/html;charset=utf-8"> <head> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <title>直接唤醒demo</title> </head> <body> <style> #zjmobliestart{font-size:40px;} </style> <!-- 说明:通过h5可换醒app,如访问一个URL就能直接打开应用,如果该应用APP没有安装,那么直接跳转到App Store的APP下载页面 兼容性一般:在手机各大浏览器(360浏览器 uc浏览器 搜狗浏览器 QQ浏览器 百度浏览器 )能唤醒。微信 QQ客户端 新浪微博客户端 腾讯微博客户端无法唤醒。 --> <p id="zjmobliestart">唤醒浙江移动手机营业厅!</p> <script type="text/javascript"> function applink(){ window.location = 'zjmobile://platformapi/startapp'; var clickedAt = +new Date; setTimeout(function(){ !window.document.webkitHidden && setTimeout(function(){ if (+new Date - clickedAt < 2000){ window.location = 'https://itunes.apple.com/us/app/zhe-jiang-yi-dong-shou-ji/id898243566#weixin.qq.com'; } }, 500); }, 500) } applink(); </script> </body> </html>
相关文章推荐
- H5页面如何唤醒app
- H5页面唤醒本地APP的处理方式
- 如何判定一个APP页面是原生开发还是H5页面
- APP中的 H5和原生页面如何分辨、何时使用
- 前端如何将H5页面打包成本地app?
- 如何判定一个APP页面是原生开发还是H5页面
- APP内嵌h5页面如何分享到微信?
- h5页面唤醒APP指定页面并传参
- 前端如何将H5页面打包成本地app?
- H5页面唤醒app的方法
- APP中的 H5和原生页面如何分辨、何时使用
- APP中的 H5和原生页面如何分辨、何时使用
- H5页面唤醒App及App之间跳转
- H5唤醒app并跳转到指定页面
- 安卓app中嵌入一个H5页面,当手机系统设置字体变大时,如何使H5页面的字体不会随用户自己调整的系统字体变化而变化?
- 如何判断一个APP页面是原生的还是H5页面
- h5页面唤醒app并跳转到指定页面
- 【万里征程——Windows App开发】如何在多个页面间读取/保存文件【草稿】
- Airbnb竞品分析及改进建议:共享经济遇寒冬,短期租房app如何应对
- 如何退出App之前唤醒另一个App?