Изменить изображение на сайте с помощью Tampermonkey

Question

Я хочу изменить изображение на веб-сайте, чтобы при каждом посещении показывалось изображение, которое я хочу показать, а не то, которое обычно отображается.

У кого-нибудь есть код Tampermonkey для этого?

Answer 1

Просто измените атрибут src. Например, скажем, ваше изображение имеет идентификатор «бла»:

document.getElementById("blah").src = "http://......"

Если вы не просто ищете по идентификатору, вы можете использовать что-то вроде document.querySelector(.....).

Затем введитеэто внутри скрипта TamperMonkey и убедитесь, что ваш код запускается на правильных веб-сайтах (часть @match раздела UserScript в вашем скрипте).

Answer 2

Следующий пример - скрипт tampermonkey, который запускается на всех сайтах. Скрипт ищет изображение кота и заменяет его изображением собаки. Этот скрипт использует jQuery для выбора изображения и изменения его значения.

// ==UserScript==
// @name         Image Replacer
// @version      1.1
// @description  Image Replacer
// @require      http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js
// @match        https://www.pinterest.com/pin/*
// @grant        none
// ==/UserScript==

/*globals $*/

var old_url = "https://i.pinimg.com/564x/21/64/6a/21646ad49e3860218f44b456153c7594.jpg"
var new_url = "https://i.pinimg.com/564x/59/9b/bb/599bbb49d7a3bb5546ff4017e9eb76ce.jpg"
$(document).ready(function(){
    alert("Hi There!");
    $("img[src='"+old_url+"']").attr("src", new_url);
    alert("Replaced pictures successfully");
});

Вы можете запустить этот скрипт на этом Pinterest Веб-сайте .