React.js官网顶部横幅移除

这个顶部横幅真的实在是太占地方了,对不起黑人哥哥们。

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name         React.js官网顶部横幅移除
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  这个顶部横幅真的实在是太占地方了,对不起黑人哥哥们。
// @author       Whidy
// @match        https://*.reactjs.org/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    const targetNode = document.getElementById('___gatsby')
    const config = { attributes: true, childList: true, subtree: true }
    const callback = function(mutationsList, observer) {
    // Use traditional 'for loops' for IE 11
    for(const mutation of mutationsList) {
        if (mutation.type === 'childList') {
            // console.log('A child node has been added or removed.');
            document.querySelector('.css-f5odvb').style.display = 'none'
            document.querySelector('.css-tctv7l').style.display = 'none'
        }
    }
    };
    const observer = new MutationObserver(callback);
    observer.observe(targetNode, config);
})();