使用 Greasemonkey 更改背景图像？

Question

我想更改网站的背景。问题是我对 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;} ")

使用 Greasemonkey 更改背景图像？

Change a background image with Greasemonkey?

javascript

greasemonkey