当前位置:首页 > 源码分享 > 源码程序 > 正文内容

屏蔽微信内打开网址显示遮罩层,提示在浏览器打开源代码

zjsn1年前 (2022-11-13)源码程序413

为客户制作一个静态网页的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中设置遮罩透明度。

效果如下图:左边为手机浏览器打开,右边为微信内打开相同页面。

zz.jpg

屏蔽微信内打开网址显示遮罩层
类型:压缩文件|已下载:0|下载方式:付费下载
立即下载

版权声明:本文由指尖十年发布,如需转载请注明出处,如有问题可在下面留言。

本站提供的一切软件、教程和内容信息来自网络收集整理,版权争议与本站无关,仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系

本文链接:https://www.zjsn.net/?id=43

分享给朋友:

“屏蔽微信内打开网址显示遮罩层,提示在浏览器打开源代码” 的相关文章

动态照片恶搞源码,一张照片做成会眨眼动的人

动态照片恶搞源码,一张照片做成会眨眼动的人

此套源码网络转载,里面使用了老外接口。上传图片自动制作动态图片,我已经测试过了,非常搞笑,一个html源码,上传主机访问即可,点此进入在线测试经本人测试,手机端操作比较方便,电脑稍微麻烦。上传图片后首先需要对图片进行缩放旋转操作,让人的脸型对准轮廓图。然后移动两个眼珠位置和嘴巴位置对准后生成即可。视...

html5实现字幕滚动代码

html5实现字幕滚动代码

网站需要做个字幕滚动效果,以前的marquee写法已过时,网上找了个纯html写法,JS也不需要,比较满意。可是这个代码是CSDN上分享的,不好直接复制,如何解决?原文:https://blog.csdn.net/qq_38801090/article/details/126483186首先:试了我...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。