Hide Twitch React Button

Hide the react button on Twitch

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         Hide Twitch React Button
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Hide the react button on Twitch
// @author       Welshdroo
// @match        https://www.twitch.tv/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Wait for the page to load
    window.addEventListener('load', function() {
        // Function to hide the react button
        function hideReactButton() {
            // Find the react button by class name and hide it
            var reactButton = document.querySelector('.ScCoreButton-sc-ocjdkq-0.ScCoreButtonText-sc-ocjdkq-3');
            if (reactButton) {
                reactButton.style.display = 'none';
            }
        }

        // Run the function initially
        hideReactButton();

        // Set up an observer to handle dynamic changes in the DOM
        var observer = new MutationObserver(function(mutations) {
            mutations.forEach(function(mutation) {
                // Run the function whenever the DOM changes
                hideReactButton();
            });
        });

        // Configuration of the observer
        var config = { attributes: true, childList: true, subtree: true };

        // Start observing the target node for configured mutations
        observer.observe(document.body, config);
    });
})();