首页 > 代码库 > H5页面如何唤醒app改进篇

H5页面如何唤醒app改进篇

看说明分为直接唤醒和点击唤醒。<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改进篇