油猴脚本“去掉”网页水印
本帖最后由 Fiverya 于 2023-6-29 17:05 编辑某buf网是我非常喜欢的一个技术、新闻网站，遇到很好的文章我会将它保存下来收藏
但是有一个问题是网页上的图片有水印，有时候会挡着一些代码，影响阅读。
于是我就想看看能不能去掉图片上的水印（示例如下：）
F12调试一下，
发现图片有两个链接，一个是xxxxxxxx.png!small，一个是xxxxxxxx.png，打开后发现带!small的为带水印的图片，而以png结尾的为不带水印的图片我还以为是用了什么算法在前端生成的水印图，原来就是用了两个图片。分析就到此为止了，不过后来一想，既然这么简单，那不如写个脚本直接把资源文件替换一下，这样以后打开网页不就都是没有水印的图片了吗？于是打开油猴开干：
脚本启动后再次访问某buf的文章：
这样网页就变得干干净净啦！脚本如下：// ==UserScript==
// @name Remove Image Src Content
// @namespace http://tampermonkey.net/
// @version 1.0
// @descriptionRemove specific content from src attribute of all images on a webpage
// @author E.R
// @match *://freebuf.com/*
// @match *://www.freebuf.com/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
// 获取所有图片元素
var images = document.getElementsByTagName("img");
// 循环遍历每个图片元素
for (var i = 0; i < images.length; i++) {
var img = images;
// 获取原始的src属性值
var originalSrc = img.getAttribute("src");
if (originalSrc) {
// 替换src属性中的内容
var newSrc = originalSrc.replace("!small", "");
// 设置新的src属性值
img.setAttribute("src", newSrc);
}
}
})(); 这个就是需要自己在油猴里面创建一个新的脚本，然后复制代码过去就好了，下面是我的截图指导，谢谢。
https://s1.ax1x.com/2023/07/06/pC6Q8Vx.png
https://s1.ax1x.com/2023/07/06/pC6QGa6.png 看不懂，很震撼， kang.mk 发表于 2023-6-29 17:17
还是看不懂，很震撼
别搞我心态呀兄弟，我觉得我表达能力还行{:1_924:} Pojawa 发表于 2023-6-29 23:40
试试替换成这样：
(function() {
for(let img of document.querySelec ...
刚刚看了下，large属性明显就是原图，替换掉 !small 之后的内容跟large基本没区别，干脆改成
if(img.large) img.src = img.large;
else if(img.src) img.src = img.src.replace('!small','');
吉祥喵 发表于 2023-6-29 17:04
看不懂，很震撼，
不好意思，刚才正在编辑，您重新再看一下{:1_907:}
还是看不懂，很震撼{:1_921:}
看不懂，但得支持分享
学习一下，看上去挺复杂 Fiverya 发表于 2023-6-29 17:20
别搞我心态呀兄弟，我觉得我表达能力还行
应该是不懂编程的看不懂。 能不能提供个使用教程？让非编程人士也会使用 稳！我这网站账号被封 几年了