html을 자동으로 수정할 수 있는 크롬 확장 프로그램이 있나요?

Question

html을 자동으로 수정할 수 있는 크롬 확장 프로그램이 있나요?

예를 들어, 여기에 짜증나는 헤더가 있습니다.

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

페이지를 렌더링하는 동안 크롬에서 이 헤더를 삭제하고 싶습니다.

이 작업을 수행할 수 있는 Chrome 확장 프로그램이 있나요?

자동교체HTMLhttps를 지원하지 않지만 옵션인 것 같습니다.

TamperMonkey 설정은 다음과 같습니다.

스크립트를 저장하고 페이지를 로드했는데 아무 일도 일어나지 않았습니다. 삭제할 요소가 여전히 남아 있습니다.

이 코드를 모두 복사하여 붙여넣으면 '잘못됨' 오류가 표시됩니다.

Answer 1

예,탬퍼몽키이런 것들을 위해 설계되었습니다. 기본적으로는 아무 작업도 수행하지 않지만, 지정한 웹 사이트를 열 때 실행될 사용자 정의 스크립트를 생성할 수 있습니다. 다음은 예제에서 요소를 삭제하는 예제 스크립트입니다.

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