HTML を自動的に変更できる Chrome 拡張機能はありますか?

Question

HTML を自動的に変更できる Chrome 拡張機能はありますか?

たとえば、ここに厄介なヘッダーがあります。

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

ページのレンダリング中に Chrome でこのヘッダーを削除したいと思います。

この作業を実行できる Chrome 拡張機能はありますか?

自動置換HTMLhttps はサポートされていませんが、オプションであるようです。

これが私のTamperMonkeyの設定です。

スクリプトを保存してページをロードしても何も起こらず、削除する要素はまだ残っています。

このコードをすべてコピーして貼り付けると、「無効」エラーが表示されます。

Answer 1

はい、タンパーモンキーは、まさにこのような用途のために設計されています。デフォルトでは何もしませんが、指定した Web サイトを開いたときに実行されるカスタム スクリプトを作成できます。以下は、例から要素を削除するサンプル スクリプトです。

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