javascript - 替换所有图像的图像源

Question

我想src使用 Greasemonkey 脚本替换与正则表达式匹配的所有图像的属性。例子：

代替http://aff.kooora.com/i/z3.gif

和http://example.com/aff.kooora.com/i/z3.gif

我没有编写脚本的经验，但这就是我想出的：

var allImg=document.getElementsByTagName("img"), i=0, img;
var pattern = aff\.kooora\.com/([A-Za-z0-9/._]*);
while(img=allImg[i++])
{
    result = pattern.exec(img);
    if (result!=null) 
        img.src=img.src.replace(result, 'http://example.com/' + result);
}

它不起作用。

Answer 1

您的正则表达式是问题所在，您需要用斜杠将其包装起来（否则解释器不知道它应该将其视为正则表达式）：

var allImg=document.getElementsByTagName("img"), i=0, img;

var pattern = /^http\:\/\/aff\.kooora\.com\/(.*)$/;

while (img = allImg[i++])
{
    if (img.src.match(pattern)) {
        img.src = img.src.replace(pattern, 'http://example.com/aff.kooora.com/$1');
    }
}

Answer 2

只是一种选择。

在这个 Greasemonkey 脚本ProxyLoadIMG中，这是在不使用正则表达式的情况下完成的。

创建它是为了通过代理加载图像。
只有图像。链接和其他内容保持不变。

var proxy = 'https://proxytea.appspot.com/'

for (var x=0; x<document.images.length; x++) {
    imagem = document.images[x];
    imagem.src = imagem.src.replace(location.protocol + '//', proxy);
}

http://aff.kooora.com/i/any.jpg变成https://proxytea.appspot.com/aff.kooora.com/i/any.jpg
http://aff.kooora.com/i/z3 .gif变成https://proxytea.appspot.com/aff.kooora.com/i/z3.gif
等等......

不需要正则表达式:)

Answer 3

用这个：

function replaceImages(oldUrl, newUrl) {
    var imgs = document.getElementsByTagName('img')
    for (i = 0; i<imgs.length; i++) {
        imgs[i].src = imgs[i].src.replace(oldUrl, remoteUrl)
    }
}

replaceImages('http://aff.kooora.com/i/z3.gif', 'http://example.com/aff.kooora.com/i/z3.gif')

如果您正在处理网站的本地版本并且您不必费心下载他们的所有图像内容，这也很棒