javascript - 用于从 URL 中删除参数的 Greasemonkey 脚本

Question

我有这个网址:

http://website.com/wp-content/uploads/2014/11/this-is-an-image_0120(pp_w820_h548).jpg

我想从 URL 中删除一个参数，如下所示:

http://website.com/wp-content/uploads/2014/11/this-is-an-image_0120.jpg

Greasemonkey 怎么可能？

var links = document.getElementsByTagName("a");
for(var i = 0, l = links.length; i < l; i++) {
    var elements = links[i];
    elements.innerHTML = document.body.innerHTML.replace(/(pp_w820_h548)/gi, '');
}

我还希望宽度和高度数字是未知变量。有时图像是 png，所以删除 ( 之后的所有内容，并在末尾再次添加“.jpg”不是最好的解决方案。

对不起!我的意思是针对 img 元素，而不是 a。所以这是一张图片，而不是链接。

另外 pp 需要在里面，因为我只想在 prophoto WP 博客上删除。

所以，就是这样:

var links = document.getElementsByTagName("img");
for(var i = 0, l = links.length; i < l; i++) {
    var images = links[i];
    images.src= images.src.replace(/\(pp_w\d+_h\d+\)/gi, '');
}

更新

该脚本仅适用于靠近视口(viewport)的图像。页面上的延迟加载元素仍然使用 url 中的加号字符串。

是否可以使用 Greasemonkey 物理更改 HTML，而不仅仅是在 DOM 中？

Answer 1

var links = document.getElementsByTagName("a");
for(var i = 0, l = links.length; i < l; i++) {
    var a = links[i];
    a.href= a.href.replace(/\(pp_w\d+_h\d+\)/gi, '');
}

示例:http://jsfiddle.net/houp0qv0/