如何在 Greasemonkey 中用 img src url 替换图像链接

Question

从标题来看，这听起来像是一个重复的问题。但我要求的是帮助编写一个 Greasemonkey 脚本，该脚本获取 src url 中包含单词“thumbnails”的所有图像，将“thumbnails”替换为“images”，然后将新的 url 放入 href（目标）url 中。

到目前为止我所得到的是：

    for(var iImage=0;iImage<document.images.length;iImage++){
    var imageUrl = document.images[iImage].src;

    if (imageUrl.indexOf("thumbnails") != -1) {
        imageUrl = imageUrl.replace("thumbnails","images")
        document.images[iImage].href = imageUrl;
    }
}

任何帮助将不胜感激。

Answer 1

img 标签不能有 href，但是您可以将它们附加到具有 href 属性的锚标签中：

for(var iImage=0;iImage<document.images.length;iImage++){
    var imageUrl = document.images[iImage].src;

    if (imageUrl.indexOf("thumbnails") != -1) {
        imageUrl = imageUrl.replace("thumbnails","images");
        document.images[iImage].outerHTML = '<a href ="' +
                              + imageUrl + '" >' 
                              + document.images[iImage].outerHTML + '</a>';

    }
}

Answer 2

伪代码：

var thumblinks=new Array();
for(x=0;x<links.length;x++){
    if(links[x].href.test('thumbnails'))thumblinks[thunblinks.length]=links[x];
}
for(x=0;x<thumblinks.length;x++){
    thumblinks[x].href=thumblinks[x].firstChild.src;
}

这有效吗？