Greasemonkey脚本重写并附加到特定的URL？-Java 学习之路

我正在尝试修改特定图像，因为网站显示的分辨率低于原始分辨率文件，并且还替换了该图像的链接 href - 将某些内容添加到该链接的末尾以使其可下载 .

右键单击/保存（文件另存为content.jpg）时，网站没有正确地将有关图像的信息发送到浏览器，但是它们有一个下载链接，可以正确地将文件名发送到浏览器（所有它确实将 &dl=1 追加到URL的末尾）

我找到了一些示例代码，并对其进行了修改以执行我需要的更改，但是我在链接 href 时遇到了问题 .

页面上有许多类型的链接，因此需要特定的URL替换：

遍布整个页面的可点击链接（请勿触摸）：example.com/view/UNIQUEID Image Src（低分辨率）：example.com/subdir/preview?page=UNIQUEID Image Src（Original Res）：example.com/subdir /内容？页= UNIQUEID

我只希望将图像源从 content/preview 更改为 content/content 以在浏览器中显示全分辨率图像，还添加一个href链接（这可以从img src复制为同一个链接，但也附加一些东西到底它不会影响任何其他链接 . ）

这是我到目前为止用于替换特定img src的内容：

image = document.getElementsByTagName("img");
for (i = 0; i < image.length; i++) if (image[i].parentNode.href) {

    //Remove onclick attribute, cancelling their own Image Viewer
    image[i].parentNode.removeAttribute('onclick'); 

    //Replace regular sized preview image, with the full sized image
    image[i].src = image[i].src.replace('example.com/subdir/preview?page=','example.com/subdir/content?page=');

    image[i].parentNode.removeAttribute('width');
    image[i].parentNode.removeAttribute('height');  
}

现在我发现添加了

image[i].parentNode.href = image[i].src + '&dl=1';

在我当前脚本的最后工作 . 但它会影响每一个图像，所以它会破坏很多其他的东西 .

任何建议简单地将＆dl = 1附加到现在替换的'subdir / content？page = UNIQUEID'href链接的末尾？

TLDR：
希望改变：

<a href="http://example.com/subdir/content?page=12345" onclick="imageviewer.open(); return false;">
  <img src="http://example.com/subdir/preview?page=12345&filename=this+is+the+filename.jpg">
</a>

成：

<a href="http://example.com/subdir/content?page=12345&dl=1">
  <img src="http://example.com/subdir/content?page=12345&filename=this+is+the+filename.jpg">
</a>

1 回答

这个问题几乎是重复的：How to relink/delink image URLs to point to the full image?

诀窍是 use querySelectorAll() （或jQuery） to fine-tune which images are processed.

此外，我建议不要更改图像源（保持页面快速并节省带宽），但只需重写链接 . 重写链接后，您可以右键单击以保存您感兴趣的图片的更大版本 . 或者，您可以使用the excellent DownThemAll extension按链接批量下载图像 .

在您的情况下，这样的代码应该工作：

var thumbImgs   = document.querySelectorAll ("a > img[src*='subdir/preview?']");

for (var J = thumbImgs.length-1;  J >= 0;  --J) {
    var img     = thumbImgs[J];
    var link    = img.parentNode;

    var lnkTarg = link.href + "&dl=1";
    link.href   = lnkTarg;
    link.removeAttribute ('onclick'); 

    //-- Not recommnded to change thumbnail...
    //var imgTarg = img.src.replace (/\/preview/, "/content");
    //img.src     = imgTarg;
}

<a href="http://example.com/subdir/content?page=12345" onclick="alert('I shouldn\'t fire on click!'); return false;">
    <img alt="Target img 1" src="http://example.com/subdir/preview?page=12345&filename=filename_1.jpg">
</a><br>
<a href="http://example.com/subdir/content?page=aaa" onclick="alert('I shouldn\'t fire on click!'); return false;">
    <img alt="Target img 2" src="http://example.com/subdir/preview?page=aaa&filename=filename_2.jpg">
</a><br>
<a href="http://example.com/some/random/link" onclick="alert('I should still fire on click!'); return false;">
    alt="Img shouldn't be altered" <img src="http://example.com/some/random/image.jpg">
</a>

回复于 2024-05-09T03:26:06+08:00

Greasemonkey脚本重写并附加到特定的URL？

1 回答

相关问题