关于H5唤醒APP的功能实现(千辛万苦)

啥话不说,先上js代码

1. 
   
2. //启动app方法
3. function startApp(url, url2) {

//url是跳转的scheme地址,这个建议下个反编译的软件,去第三方apk查他们设置的scheme_url和scheme_host是什么,我就是这样干的

1. 
   
2. //url2是应用下载地址,要分清ios和android的不一样
3. //将下载地址保存到全局变量
4. downloadUrl = url2;
5. if(ua.match(/ipad|iphone|ipod|ios/i)) {
6. //外部一个定时器,专门盯着启动app的定时器loop;就叫它killer吧
7. //计时6秒,之后干掉loop.
8. window.setTimeout(function() {
9. $('#message').html('');
10. $('.result-message').eq(0).css("display", "none");
11. clearTimeout(loop);
12. time = parseInt('6000') / 1000;
13. }, 6000);
14. //尝试启动应用
15. location.href = url;
16. //同时开始应用启动倒计时
17. countDown();
19. } else {
20. //安卓的就是用iframe来测试是否安装和启动应用了
21. window.setTimeout(function() {
22. $('#message').html('');
23. $('.result-message').eq(0).css("display", "none");
24. clearTimeout(loop);
25. time = parseInt('6000') / 1000;
26. }, 6000);
27. //创建iframe并启动应用入口
28. openApp(url);
30. }
32. }
34. function openApp(src) {
35. // 通过iframe的方式试图打开APP，如果能正常打开，会直接切换到APP
36. var ifr = document.createElement('iframe');
37. ifr.src = src;
38. ifr.style.display = 'none';
39. document.body.appendChild(ifr);
40. //切换到iframe时
41. //此时,会有个问题,如后切换到应用时间小于killer所需要杀死loop的时间,loop就会跳到下载提示,killer`就失去作用了
42. countDown();
43. window.setTimeout(function() {
44. document.body.removeChild(ifr);
45. }, 5000);
46. //倒计时
48. }
50. function countDown() {
51. //每秒调用一次
52. loop = window.setTimeout('countDown()', 1000);
53. if(time > 0) {
54. $('.result-message').eq(0).css("display", "block");
55. $('#message').html('正在尝试打开客户端 ' + time + 's');
57. time--;
58. if(time == 0) {
59. /*if(ua.match(/ipad|iphone|ipod|ios/i)){
60. console.log(downloadUrl);
61. location.href = downloadUrl;
62. }*/
63. //如果计时到0,loop任然没被干掉,就说明应用没有启动,此时,跳到下载提示界面
64. //定时器的局限性还是很大,不能响应式反应,所以只能做到这一步了
65. $('#message').html('');
66. $('.result-message').eq(0).css("display", "none");
67. clearTimeout(loop);
68. time = parseInt('6000') / 1000;
69. var btnArray = ['否', '是'];
70. mui.confirm('您没有安装该应用,是否下载安装包?', '应用下载', btnArray, function(e) {
71. if(e.index == 1) {
72. location.replace(downloadUrl);
73. } else {
74. return;
75. }
76. });
77. }
78. }
79. }

整理了一下,定时器还是不好用,这也是没办法的办法了,网上大多的教程都是定时器,不是定时器的我又不明白人家啥意思,而且大部分都是安卓的,ios就是个坑,safari不支持iframe的跳转,就搞的我人都凌乱了,只能自己想办法,这个之前那个两个定时器控制的调转差不多,将就着看吧