在现在这个网络时代，大家都喜欢用H5页面来让APP变得更有趣。其实就是说，我们可以在手机浏览器里打开一个H5页面，然后通过一些手法马上就进入了想要的那款APP里面。这种方法对于APP宣传和用户引进来说是非常有效的。你肯定想不到，有时只要一个简单的连接，就能让用户选择待在网页上还是去APP，真的很奇妙？
URLScheme的唤起方式
现在大家都喜欢用URLScheme来唤醒手机App。这方法iOS和Android都能用。App开发过程中，把Scheme注册上，用户点了带这个scheme的链子，手机就能自己跳去相应的App。虽然简单实用，但是要注意小细节，像不同平台可能略微有些小差别，程序员们可得负责处理好这些差异哈。
iframe方案的唤起原理
用iframe做唤醒就很常见。怎么回事？就是当APP被打开的时候，页面就跑到背后去了，计时器就被暂停下来。等用户再回到网页，时间大概就会过个两秒多；如果APP没醒，那页面就还待在那里，setTimeout就能按照预设好的节奏乖乖地启动，也就不超过两秒钟。这方法在有些情况下比强行跳转要稳妥点，不过记得要注意一些小技巧。
var last = Date.now(),
doc = window.document,
ifr = doc.createElement('iframe');
//创建一个隐藏的iframe
ifr.src = nativeUrl;
ifr.style.cssText = 'display:none;border:0;width:0;height:0;';
doc.body.appendChild(ifr);
setTimeout(function() {
doc.body.removeChild(ifr);
//setTimeout回小于2000一般为唤起失败
if (Date.now() - last < 2000) {
if (typeof onFail == 'function') {
onFail();
} else {
//弹窗提示或下载处理等
}
} else {
if (typeof onSuccess == 'function') {
onSuccess();
}
}
}, 1000);
window.location.href直接跳转
直接用window.location.href进行跳转是很常用的唤醒方法。这个办法在iOS的Safari浏览器里表现挺好，能把APP叫起来。不过在微信和QQ客户端中，这种方法在iOS上效果不咋滴，得留个心眼儿。而Android那边的话，用这个直接唤醒就跟iframe差不多了，可要是触发个什么事情，还是iframe更给力点儿。
a标签唤起
用A标签也能轻松引流！把a标签的href设成你APP的链接，只要点下就能直奔APP了。虽然这个方法挺方便，但是有些浏览器可能不支持，因此搞开发的朋友要多试几次看看效果如何。
window.location.href = nativeUrl;
iOS与Android的差异
iOS和Android用H5叫醒APP有点小不同。比如，iOS上你得用window.location.href来跳转，这样才能在Safari里顺利唤醒APP；但是到了Android，用iframe就比较实用特别是那种事件驱动的情况下效果更棒。不过，开发人员还是得根据自己的平台做一些调整和优化才行。
唤起app
实战案例分析
好比你在某个电商网站看中了某件东西，想看看更多介绍，这时不用再去打开APP找！在H5页面里，你只要点开商品详情，就能通过一种叫URLScheme的方法，直接把你带进APP里面的这个商品页面！这样是不是很方便？不过可别忘了，不同浏览器有时会有小脾气，要保证在各种各样的环境都能用得顺溜。
注意事项
做H5唤起APP的时候，得留意几点！第一，别忘了校验URLScheme，以免犯错造成APP不能被唤醒。然后，虽然都是手机但各平台可能有点不一样，所以针对每一个平台都要单独优化。还有，别让频繁的唤醒打扰到用户了，得保证他们用着舒心才行。
总结与展望
总体来说，用H5叫醒APP挺好用的，对APP宣传和吸引新用户很有帮助。只要选好唤醒方法，注意技术的每个小点，就能提高用户玩手机的乐趣，让他们更经常地用到你的APP。而且以后，这种叫做H5唤醒APP的手段可能还会变得更丰富多样，更聪明，说不定能给咱们的移动互联网生活带来很多好玩的变化。
评论0