Есть ли расширение для Chrome, которое может автоматически изменять HTML?

Question

Есть ли расширение для Chrome, которое может автоматически изменять HTML?

Например, вот раздражающий заголовок.

<header class="top-bar js-top-bar top-bar__network _fixed">

Я бы хотел, чтобы Chrome удалил этот заголовок во время рендеринга страницы.

Есть ли расширение для Chrome, которое могло бы выполнить эту работу?

АвтозаменаHTMLпохоже, это вариант, хотя он не поддерживает https.

Вот мои настройки TamperMonkey.

Когда я сохраняю скрипт, загружаю страницу, ничего не происходит, элемент, который нужно удалить, все еще там.

Если я скопирую и вставлю весь этот код, появится ошибка «Недопустимо».

Answer 1

Да,TamperMonkeyпредназначен как раз для таких вещей. По умолчанию он ничего не делает, но вы можете создать пользовательские скрипты, которые будут запускаться при открытии указанных вами веб-сайтов. Вот пример скрипта, который удалит элемент из вашего примера:

// ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @grant        none
// @include        http://*
// @include        https://*
// ==/UserScript==

(function() {
    'use strict';

    var elems = document.getElementsByClassName('top-bar__network');
    elems[0].parentNode.removeChild(elems[0]);
})();