网页水印元素怎么去除过滤掉

文章首发于公众号【小白书签】:https://mp.weixin.qq.com/s/lt0c20tUIgRefAxP1dp-yg

由于本文所说的方法并不能适用于所有网页水印,在正式开始之前,有必要说一下本文“网页水印”的具体所指。本文所说的“网页水印”,是指那种通过前端浏览器添加的静态水印元素。而所谓前端浏览器添加,是指网站会根据不同用户(通常以是否为会员来区别)决定是否对资源添加水印。换言之,这意味着网站图片或视频等资源内容本身并不含水印,如果是资源内嵌的水印,下面提供的方法也是无法移除的。

网页去水印.webp

针对特定网站的水印,一般可采用安装相应油猴脚本去除。不过由于本文主要前端浏览器静态水印的去除方法,所有使用 uBlock Origin 等广告屏蔽扩展,通过添加规则来过滤水印,是更为通用的做法,体验也更好。否则,每个网站都去安装一个对应的油猴脚本,显然是不合理的。

| 网页水印过滤

由于前端浏览器的水印一般通过“DIV”标签来添加,所以理论上我们删除(隐藏)这部分内容,水印就消失了。不过,为了体验更好一些,我们可以通过设置“div”或“css”规则,将其添加到 uBlock Origin 设置选项“自定义静态规则”之中,以实现自动过滤。

下面,我们来说说具体如何设置:

隐藏某个 DIV 元素的过滤规则,是在域名 example.com 后加上 ##,然后添加 DIV 元素的特定类名。ID 元素用选择符 #,class 元素用选择符 .,感叹号 ! 的作用是注释(作用相当于代码中的//)。

! example.com 去水印  
example.com###watermark  
example.com##.watermark

要用 CSS 的方法来隐藏水印,添加过滤规则的方法是在域名 example.com 后加上 ##,然后添加 DIV 元素,最后再加上 :style 的 CSS 语法。

! example.com 去水印
example.com##.watermark:style(background-image:none! important)  
example.com##[watermark="main"]:style(background-image:none! important)

注意:上述为代码示例,在具体使用时,请根据实际情况调整域名和选择器(元素名称)。

| 网页过滤规则

微信公众号
内容已被隐藏
微信扫码或搜索“小白书签”关注公众号,发送“密码”获得提取码,然后返回此网页提交!

当然,对于后端服务器动态添加的水印,由于移除困难,此时可以碰碰运气,看看有没有可用的油猴脚本。

PS. 本文提供的方法仅供学习参考,切勿违反相关网站的使用条款,非法使用!

0

评论0

没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码