Existe uma extensão do Chrome que pode modificar o html automaticamente?

Existe uma extensão do Chrome que pode modificar o html automaticamente?

Existe uma extensão do Chrome que pode modificar o html automaticamente?

Por exemplo, aqui está um cabeçalho irritante.

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

Gostaria que o Chrome excluísse esse cabeçalho durante a renderização da página.

Existe uma extensão do Chrome que poderia fazer esse trabalho?

Substituição automáticaHTMLparece ser uma opção, embora não suporte https.

Aqui estão minhas configurações do TamperMonkey.

insira a descrição da imagem aqui

Quando salvo o script, carrego uma página, nada aconteceu, o elemento a ser excluído ainda está lá.

insira a descrição da imagem aqui

Se eu copiar e colar todo esse código, aparecerá o erro "Inválido".

insira a descrição da imagem aqui

Responder1

Sim,TamperMonkeyfoi projetado apenas para coisas como esta. Por padrão, ele não faz nada, mas você pode criar scripts personalizados que serão executados ao abrir sites especificados por você. Aqui está um exemplo de script que excluirá o elemento do seu exemplo:

// ==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]);
})();

informação relacionada