多方法微信打开网址添加提示浏览器中打开遮罩附素材

2019-9-7 / 0 评论 建站技术 / 思源哥哥

本文共计 3540 字,感谢您的耐心浏览与评论.

由于微信的限制,应用文件在内置浏览器中下载全部被屏蔽掉,造成很多人用微信扫描二维码下载时点击下载按钮没反应,我想到的是做一个提示用户在浏览器中打开下载。网上流传的各种微信打开下载链接,微信已更新基本失效。今天要加的是一个终极解决方法:弹出一个遮罩提示用户在新的浏览器窗口打开。再也不用管微信如何的更新,直接判断微信的 ua,然后弹出一个遮罩提示用户在浏览器中打开下载。

效果就是这样的

微信图片_20190907181727.jpg

提供几个思路

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");
?>

如果下载的话,就改一下第一种方法 增加一个点击显示遮罩。

标签: PHP实例 网站

转载:转载请注明原文链接 - 多方法微信打开网址添加提示浏览器中打开遮罩附素材


0条回应:“多方法微信打开网址添加提示浏览器中打开遮罩附素材”


发表评论