☰

Twitch 廣告封鎖提示自動消除腳本

自動隱藏 Twitch 上「請關閉廣告封鎖軟體」的提示及其背景疊層，讓您能順暢觀看直播，同時不影響播放控制項。

// ==UserScript==
// @name         Twitch 廣告封鎖提示自動消除腳本
// @name:en      Twitch Adblock Warning Auto-Remover
// @name:zh-CN   Twitch 广告屏蔽警告自动移除脚本
// @namespace    http://tampermonkey.net/
// @version      2.0
// @description  自動隱藏 Twitch 上「請關閉廣告封鎖軟體」的提示及其背景疊層，讓您能順暢觀看直播，同時不影響播放控制項。
// @description:zh-CN   自动隐藏 Twitch 上弹出的“请关闭广告屏蔽软件”警告，并尝试保留播放控件。
// @description:en  Automatically hides the "Please disable ad blocker" warning on Twitch, attempting to preserve player controls.
// @match        https://www.twitch.tv/*
// @author       オーウェル緑 using Gemini
// @license      MIT
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Define CSS selectors for the ad warning elements to be hidden.
    // To avoid accidentally hiding player controls, these selectors are more precise.
    // If the script stops working, please use F12 Developer Tools to inspect and update these selectors.
    const selectorsToHide = [
        // This is the most direct data attribute for adblock warnings, if used, it's the most precise target.
        '[data-a-target="ad-block-warning"]',

        // This is the main content container for the ad warning message, based on the HTML structure you provided.
        // It contains text, buttons, etc.
        '.Layout-sc-1xcs6mc-0.boHJDp',

        // This is the dark background overlay for the ad warning, which usually appears with the ad warning content.
        // Its class names include 'player-overlay-background' and 'darkness-3', which seem specific to this warning's background.
        '.Layout-sc-1xcs6mc-0.bmlSdB.player-overlay-background.player-overlay-background--darkness-3'
    ];

    /**
     * Attempts to hide the specified element.
     * @param {string} selector - The CSS selector of the element to find and hide.
     */
    function hideElement(selector) {
        const element = document.querySelector(selector);
        if (element) {
            // Enhance hiding effect: set display, opacity, and visibility simultaneously.
            // Use !important to try and override Twitch's own styles.
            element.style.setProperty('display', 'none', 'important');
            element.style.setProperty('opacity', '0', 'important');
            element.style.setProperty('visibility', 'hidden', 'important');
            console.log(`Twitch Warning: Element '${selector}' hidden (enhanced hiding)`);
            return true; // Indicates element was found and hidden
        }
        return false; // Indicates element was not found
    }

    /**
     * Checks for and hides all defined ad warning elements.
     * Returns true if any elements were found and hidden.
     */
    function checkAndHideWarnings() {
        let hiddenCount = 0;
        for (const selector of selectorsToHide) {
            if (hideElement(selector)) {
                hiddenCount++;
            }
        }
        return hiddenCount > 0;
    }

    // Use MutationObserver to listen for changes in the DOM tree.
    // This is because ad warnings might not be present when the page loads, but are injected dynamically.
    const observer = new MutationObserver((mutationsList, observerInstance) => {
        // Attempt to check and hide warnings every time the DOM changes.
        // We keep it observing continuously to handle warnings that might appear multiple times on Twitch pages.
        checkAndHideWarnings();
    });

    // Configure the observer to watch for changes in child nodes and subtree of the entire document.body.
    // childList: Observe additions or removals of child nodes.
    // subtree: Observe changes in all descendant nodes.
    observer.observe(document.body, { childList: true, subtree: true });

    // Also perform an immediate check when the page loads, in case the warning is present before the observer starts.
    window.addEventListener('load', checkAndHideWarnings);
    // Consider also triggering on DOMContentLoaded for elements that might exist earlier.
    document.addEventListener('DOMContentLoaded', checkAndHideWarnings);

    console.log('Twitch Adblock Warning Auto-Remover script started.');

})();