由于微信的限制,应用文件在内置浏览器中下载全部被屏蔽掉,造成很多人用微信扫描二维码下载时点击下载按钮没反应,我想到的是做一个提示用户在浏览器中打开下载。网上流传的各种微信打开下载链接,微信已更新基本失效。今天要加的是一个终极解决方法:弹出一个遮罩提示用户在新的浏览器窗口打开。再也不用管微信如何的更新,直接判断微信的 ua,然后弹出一个遮罩提示用户在浏览器中打开下载。
效果就是这样的
提供几个思路
1是纯html + js
js判断是否微信访问,然后跳转到遮罩页面。
2PHP判断ua,是微信则输出遮罩然后跳出。
var is_weixin = (function(){return navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1})(); window.onload = function() { if (is_weixin) { window.location.href="你所要跳转的页面 "; } }
单页遮罩+图片素材:https://www.lanzous.com/i62ic7a
PHP方法
<?php header("Content-type:text/html;charset=utf-8"); $ua = $_SERVER['HTTP_USER_AGENT'];?> <?php if(strpos($ua, 'MicroMessenger') == false):?> <?php else:?> <title>请用浏览器打开</title> <div id="weixin-tip"><p><img width="100%" src="images/live_weixin.png" alt="微信打开"/></p></div> <style>#weixin-tip{display:block;position:fixed;left:0;top:0;background:rgba(0,0,0,0.8);filter:alpha(opacity=80);width:100%;height:100%;z-index:100000;} #weixin-tip p{text-align:center;margin-top:10%;padding:0 5%;position:relative;} #weixin-tip .close{color:#fff;padding:5px;font:bold 20px/24px simsun;text-shadow:0 1px 0 #ddd;position:absolute;top:0;left:5%;}</style> <?php exit; endif;?> <?php header("Content-type:text/html;charset=utf-8"); ?>
如果下载的话,就改一下第一种方法 增加一个点击显示遮罩。
677 篇文章