使用的是纯JS+HTML+CSS结合的方式,但不要一进入微信就弹出提示它在新浏览器中打开,在这个页面里面还可以提交表单查看信息等,只有它点击应用的链接后,才弹出提示它跳转后下载。
想要制作而又不懂技术的朋友可以前往
部分代码(网上有很多,我就不献丑了)
var is_weixin = (function(){return navigator.userAgent.toLowerCase().indexOf(‘micromessenger‘) !== -1})();window.onload = function() {var winHeight = typeof window.innerHeight != ‘undefined‘ ? window.innerHeight : document.documentElement.clientHeight; //兼容IOS,不需要的可以去掉var btn = document.getElementById(‘J_weixin‘);var tip = document.getElementById(‘weixin-tip‘);var close = document.getElementById(‘close‘);if (is_weixin) {btn.onclick = function(e) {tip.style.height = winHeight + ‘px‘; //兼容IOS弹窗整屏tip.style.display = ‘block‘;return false;}close.onclick = function() {tip.style.display = ‘none‘;}}}
方案2:
这个方案就是我们现在用的这种,相比第一种的话,转化率方面都有显著发的提升,
这个方案需要我们借助一个外部的接口来实现此功能
我们在他们那边租用了此接口。
通过租用的接口可以实现安卓端微信直接唤醒手机默认浏览器打开指定的链接,从而实现下载APP的功能.
具体实现原理:
利用HTTP请求中Header中的user-agent字段,来识别用户的客户端,如果判断用户是在微信中打开的链接,则自动打开系统手机浏览器来打开链接。如果是在手机浏览器打开,则正常访问。
判断用户客户端的Javasript代码如下
function is_wechat_client(){ var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger"){ return true; }else{ return false; }}
好了,亲们,上面两种办法笔者都尝试过了,均可行。如果你有更好的办法可以在此处留言,方便广大码友
原文:https://www.cnblogs.com/fishjump/p/10820726.html