屏蔽微信内打开网址显示遮罩层,提示在浏览器打开源代码
为客户制作一个静态网页的H5页面,要求用户只能在电脑浏览器或者手机浏览器打开访问,如果是微信打开网址,显示一个遮罩层,提示浏览器打开。
如此一个简单的要求,想起来以前一个PHP+JS遮罩方法,但那个代码需要修改静态html页面为php文件,并不完全符合要求。于是本人整理制作出一套html+js+css直接可用的代码,经过测试完全OK,特分享给需要的朋友。
源代码中有一个index.html页面供测试参考,如果给自己的html静态页面使用,只需要头文件中引入下面三行代码,并上传打包好的文件夹即可。
<link rel="stylesheet" type="text/css" href="nowechat/open-mark.css" /> <script src="nowechat/jquery-3.4.1.min.js"></script> <script src="nowechat/open-mark.js"></script>
遮罩图片附在文件夹内,自己可以PS制作该图片,如果用PNG格式图片,可以在PS中设置遮罩透明度。
效果如下图:左边为手机浏览器打开,右边为微信内打开相同页面。
版权声明:本文由指尖十年发布,如需转载请注明出处,如有问题可在下面留言。
本站提供的一切软件、教程和内容信息来自网络收集整理,版权争议与本站无关,仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系。