16 03 2024

一招搞定:如何关闭网站页面中烦人的遮罩层弹框

在日常生活工作中。通过网站查找所需资料时经常会遇到这种情况。想要看的内容被页面的弹框遮挡,又无法关闭,需要注册登陆、或者购买会员、扫码关注等等操作才可以继续下一步。如下图


image.png

像图中的这个遮挡层,没有关闭按钮,想要进行其他操作就必须先按照他说的步骤来,有没有其他办法能解决这个问题呢?


本文就简单分享一下如何利用技术手段一键消除遮罩层的办法,不过这可能需要你具备一丢丢的html知识。


技能点1:看得懂html、js这些基础代码逻辑;


技能点2:会用浏览器控制台(F12);


那么接下来,我将一步一步的以这个网站为例,演示如何关闭遮罩层。


第一步,打开浏览器控制台(F12),找到遮罩层的DIV层。如图:
image.png
第二步:删除这个DIV
image.png优点:简单粗暴
缺点:每次打开或者刷新页面都要重复上述操作

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。


哈哈哈,看到这里,是不是心里默默说了句,就这???

当然不是,整一个一劳永逸的办法,需要第三个技能的,编写浏览器扩展组件。


第三步:通过浏览器扩展组件,用技术手段删除这个DIV,一劳永逸(以谷歌浏览器为例)。

第一小步:创建扩展程序,这个呢需要两个文件,第一个是谷歌扩展的配置文件,manifest.json


作用就是告诉谷歌浏览器,我要开始装逼了,不是,我要开始运行第二个文件了。

image.png


第二个文件就是实际要删除这个遮罩层的文件,本次用js来实现。


image.png


第二小步:在谷歌浏览器创建一个扩展程序,然后指向到这两个文件的目录地址


image.png


这样操作后,不管怎么刷新,重新登录,都会自动屏蔽这个遮罩层,最终效果如下图

image.png


你学废了吗?