Tampermonkey屏蔽腾讯云广告

在使用腾讯云控制台过程中遇到很多广告，每次点x后还会弹🤮，影响页面展示。通过油猴脚本进行过滤广告
腾讯云原页面


通过kimi进行编写脚本，一开始想对接口直接拦截，但是配置后不生效，后续通过页面隐藏元素实现
通过F12检查元素查看广告对应的元素

让kimi通过元素进行隐藏，编写油猴脚本，最终脚本如下：

// ==UserScript==
// @name         屏蔽特定页面的广告和提示
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  屏蔽特定页面的广告和提示
// @author       Kimi
// @match        https://console.cloud.tencent.com/*
// @grant        none
// @run-at       document-body
// ==/UserScript==

(function() {
    'use strict';

    // 定义一个函数来隐藏元素
    function hideElements() {
        const currentUrl = window.location.href;
        // 隐藏具有 data-sid="opc-ads" 属性的 ins 元素
        const ads = document.querySelectorAll('ins[data-sid="opc-ads"]');
        ads.forEach(ad => {
            ad.style.display = 'none';
        });
        // 隐藏所有以 app- 开头并包含 alert 的 div 元素
        const alerts = document.querySelectorAll('div[class^="app-"][class*="alert"]');
        alerts.forEach(alert => {
            alert.style.display = 'none';
        });

        if (currentUrl.includes('/cvm/instance/index?rid=1')) {

            // 隐藏具有 class="app-cvm-alert" 的 div 元素
            const alerts = document.querySelectorAll('div.app-cvm-alert');
            alerts.forEach(alert => {
                alert.style.display = 'none';
            });
        } else if (currentUrl.includes('/cdn')) {
            // 隐藏具有 class="streams-to-eo-ads-bar" 的 div 元素
            const adsBar = document.querySelector('div.streams-to-eo-ads-bar');
            if (adsBar) {
                adsBar.style.display = 'none';
            }

            // 隐藏具有 class="streams-to-eo-ads-content" 的 div 元素
            const adsContent = document.querySelector('div.streams-to-eo-ads-content');
            if (adsContent) {
                adsContent.style.display = 'none';
            }
        }
    }

    // 初始检查
    hideElements();

    // 使用 MutationObserver 监控 DOM 变化
    const observer = new MutationObserver((mutations) => {
        mutations.forEach((mutation) => {
            if (mutation.addedNodes) {
                mutation.addedNodes.forEach((node) => {
                    if (node.nodeType === 1) {
                        hideElements();
                    }
                });
            }
        });
    });

    // 配置观察器选项
    const config = {
        childList: true,
        subtree: true
    };

    // 开始观察整个文档
    observer.observe(document.body, config);
})();

开启油猴插件后，重新访问腾讯云控制台，可看到屏蔽后效果图