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更改背景图像？

1 个答案: