Greasemonkey로 배경 이미지를 변경 하시겠습니까?

웹 사이트의 배경을 변경하고 싶습니다. 문제는 Greasemonkey에서 거의 경험이 없다는 것입니다. 나는이 스크립트가 :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

출처

2016-09-17 Mantvydas

방문하려는 웹 사이트에서이 이미지를 배경 이미지가 아니라 이미지 태그.

그리고이 스크립트는 실제로 모든 <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;} ")

출처

2016-09-17 21:39:29

충분합니다. 또는 ['GM_addStyle()'] (https://wiki.greasespot.net/GM_addStyle)이나 [Stylish add-on] (https://userstyles.org/)과 같은 CSS 규칙을 추가하기 만하면됩니다 :'' div [style * = 'login_background2.jpg'] {배경 이미지 : url ('INSERT YOUR IMAGE')! 중요;}. –

글쎄, 그건 재미있는 설명이야. GM을 사용하지 않은 것은 잠시였습니다. 결과에 대한 확신이 들었습니다. GM_addStyle을 사용하여 답을 편집 할 것입니다. 감사 ! –

고마워요! 이 스크립트는 완벽하게 작동합니다! – Mantvydas

Greasemonkey로 배경 이미지를 변경 하시겠습니까?

답변

관련 문제