javascript - 用 Greasemonkey 更改背景图像？

Question

这个问题已经有答案了:

Writing a userscript that replaces a background image (2 个回答)

已关闭 6 年前。

我想更改网站的背景。问题是我对 Greasemonkey 的经验几乎为零。我有这个脚本:

// ==UserScript==
// @name        Tamo
// @namespace   TamoImageChanger
// @include     https://sistema.tamo.lt*
// @version     1
// @grant       none
// ==/UserScript==
var images = document.getElementsByTagName("img");
var x = 0;
while (x < images.length) {
    if (images[x].src == "https://sistema.tamo.lt/Content/img/new/login_background2.jpg") {
        images[x].src = "the image i want to be displayed";
    }
    x = x + 1;
}

但只有当我在这个网页中时它才有效:
https://sistema.tamo.lt/Content/img/new/login_background2.jpg

我希望脚本更改此网页的背景:
https://sistema.tamo.lt/Prisijungimas/Login

Answer 1

您尝试访问的网站将此图像显示为背景图像，而不是图像标记。

而这个脚本实际上改变了所有<img/>的来源标签。

var images = document.getElementsByTagName("img");

所以我确实定制了您的脚本来完成您想做的任何事情。为了使这更具教育意义，我将逐步解释发生的情况。

// Here I'm retrieving the tag displaying the picture by specifying exact path.
var image = document.querySelector("body > .container_2 > .col_left");

// Here I just change the background image by yours.
image.style.backgroundImage = "url('INSERT YOUR IMAGE')";

-

编辑

如Brock Adams下面提到，您也可以完成与上面相同的工作，GreaseMonkey 风格。

GM_addStyle("div[style*='login_background2.jpg'] {background-image: url('INSERT YOUR IMAGE')!important;} ")