赞
踩
微信上进行的网页宣传、游戏传播、APP下载各类活动很多,但是各位朋友肯定经常会遇到一些特殊需求,网页需要在手机默认浏览器打开而不是微信内置浏览器。这个问题怎么解决呢?
安卓版的app在微信上禁止下载的。只有用户用右上角的浏览打开此下载页面时才能下载,现在就是想实现,只要是用户打开此现在页面之间用js自动跳转到用其他浏览器打开然后下载.只要用户打开此下载页面,就会自动跳转到用其他浏览器打开,而不是用微信自己内置的浏览器,因为微信自己内置的浏览器是禁止用户有下载app的链接的.通过这种方法可以绕过应用宝下载APP。
同样道理,苹果跳转到商店
效果如下:
1、原来方案
- a>
-
- ×span>p>div>
-
- 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';
-
- }
-
- }
-
- }
![](https://csdnimg.cn/release/blogv2/dist/pc/img/newCodeMoreWhite.png)
使用的是纯JS+HTML+CSS结合的方式,但不要一进入微信就弹出提示它在新浏览器中打开,在这个页面里面还可以提交表单查看信息等,只有它点击应用的链接后,才弹出提示它跳转后下载。
二、跳转方案:
1.苹果系统
2、安卓
具体实现原理:
利用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;
-
- }
-
- }
好了,亲们,上面两种办法笔者都尝试过了,均可行。如果你有更好的办法可以在此处留言,方便广大码友。
想要制作而又不懂技术的朋友可以前往:http://www.zjychina.cn
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。