用于删除网站上部分 img href 的脚本

Question

我在 PrimaGames.com 上启动了游戏指南。文字都很好，但图像已经破坏了 src。这是一个例子：

<img src="/media/files/eguide_assets/final-fantasy-xii-the-zodiac-age-eguide/085-105_walkthrough-web-resources/image/wi01.png/PRIMAP/resize/700x-1>">

在 src URL 的末尾，您会注意到这个奇怪的字符串：
/PRIMAP/resize/700x-1>

我想设置一个脚本（Stylish、Tampermonkey 等）我可以应用到 PrimaGames.com 以便它自动删除 src URL 的那部分，这将在转显示相关图像。

Answer 1

书签工具？

javascript:(function() { [...document.images].forEach(img => { 
  const src = img.src.split("/PRIMAP"); 
  if (src.length >=2) img.src=src[0]; })})()

文件扩展名后未知内容的替代方案 - 这里假设您只对 png 感兴趣

javascript:(function() { [...document.images].forEach(img => { 
  const end = img.src.lastIndexOf(".png/");
  if (end) img.src=img.src.substring(0,end+4); })})()

Answer 2

您将需要找到实际图像结束的索引并创建一个直到该索引的子字符串。

function removeTag(image) {
    var src = image.src.toString();
    var imgFormats = ['jpg', 'jpeg', 'gif', 'png'];
    var idx;
    imgFormats.forEach(fmt => {
        if (src.lastIndexOf(fmt) > -1) {
            idx = src.lastIndexOf(fmt) + fmt.length;
        }
    })
    if (typeof idx !== 'undefined') {
        image.src = src.substr(0, idx + 1);
    }
}

如果你知道每个额外的字符串都会以'/PRIMAP'开头，那么你可以使用上面提供的解决方案。

Answer 3

这是一个相当标准的 src 重写任务。

这里是一个完整的 Tampermonkey / Violentmonkey 脚本，应该可以在该站点上用于静态和动态图像：

// ==UserScript==
// @name     _Remove post file junk from image sources
// @match    *://primagames.com/*
// @noframes
// @require  https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
// @require  https://gist.github.com/raw/2625891/waitForKeyElements.js
// @grant    GM_addStyle
// @grant    GM.getValue
// ==/UserScript==
// @grant    none
//- The @grant directives are needed to restore the proper sandbox.
/* global waitForKeyElements */

waitForKeyElements ("img", fixImgSource);

function fixImgSource (jNode) {
    var oldSrc = jNode.attr ("src");
    //-- Does the src have junk after the file suffix?
    if (/\.(png|jpg|gif)./i.test (oldSrc) ) {
        let newSrc = oldSrc.replace (/\.(png|jpg|gif).+$/i, ".");
        jNode.attr ("src", newSrc);
    }
}

Answer 4

你只需要执行下面的代码，这里我只是将图片src替换为图片url，替换完src

(function(){
  var a = document.getElementsByTagName('img');
  for(e of a){
    let t = e.src;
    e.src = t.replace(/(http|https|file:\/\/)?(\/.*\.(?:png|jpg))(.*)/i, '');
}
}())

这里我要改：

/media/files/eguide_assets/final-fantasy-xii-the-zodiac-age-eguide/085-105_walkthrough-web-resources/image/wi01.png/PRIMAP/resize/700x-1%3E

至

/media/files/eguide_assets/final-fantasy-xii-the-zodiac-age-eguide/085-105_walkthrough-web-resources/image/wi01.png

然后 url 从相对路径获取文件，这就是我使用文件路径的原因，

如果这张图片在你的相对文件夹中，那么你会得到图片，否则你需要添加基础 url 和相对路径

as https://primagames.com/ 然后相对路径意味着代码将更改为：

(function(){
      var a = document.getElementsByTagName('img');
      for(e of a){
        let t = e.src;
        e.src = `https://primagames.com${t.replace(/(http|https|file:\/\/)?(\/.*\.(?:png|jpg))(.*)/i, '')}`;
    }
    }());

它会为你工作。

对于仅从图像 url 中删除多余的东西，即“/PRIMAP/resize/700x-1%3E”，您可以执行以下代码

(function(){
    var a = document.getElementsByTagName('img');
    for(e of a){
       let t = e.src;
       e.src = t.replace(/([\w-]+\.(jpg|png|txt))(.*)/i, '');
    }
}())

用于删除网站上部分 img href 的脚本

Script to remove part of img href on a site

javascript

jquery

stylish

tampermonkey