上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
返回列表 发新帖

【MutationObserver实例】监听样式变化还原样式

[复制链接]
  • TA的每日心情
    难过
    昨天 16:43
  • 签到天数: 628 天

    [LV.9]以坛为家II

    65

    主题

    497

    回帖

    763

    积分

    专家

    脚本猫首席体验官

    积分
    763

    油中2周年生态建设者新人报道油中3周年挑战者 lv2喜迎中秋

    发表于 2023-9-18 16:27:27 | 显示全部楼层 | 阅读模式

    本帖最后由 潘钜森 于 2023-9-18 16:30 编辑

    # 如下图,微软必应(关键词:苹果)搜索结果,品牌广告占屏🤬

    b_ims_bza_pole


    ## 首先,把他的广告背景图给给干掉,杀了😇

    document.querySelector("#b_ims_bza_pole").style.setProperty("display", "none", "important");

    b_header


    ## 正片开始🔞

    borderbottom

    var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
    var bing_header = document.querySelector("#b_header");
    var observer = new MutationObserver((mutations) => {
        mutations.forEach((mutation) => {
            if (mutation.type == "attributes") {
                bing_header.style.backgroundColor = "";
                bing_header.style.borderBottom = "1px solid #ececec";
            }
        });
    });
    
    observer.observe(bing_header, {
        attributes: true,
        attributeFilter: ['style']
    });

    observer


    ### 🔥脚本实例如下:

    // ==UserScript==
    // @name         【MutationObserver实例】监听样式变化还原样式
    // @namespace    https://bbs.tampermonkey.net.cn/
    // @version      0.1.0
    // @description  try to take over the world!
    // @author       You
    // @match        *://*.bing.com/*
    // @grant        GM_addStyle
    // @run-at       document-start
    // ==/UserScript==
    
    GM_addStyle(`
    #b_ims_bza_pole {
        display: none !important;
    }
    `);
    
    var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
    var bing_header = document.querySelector("#b_header");
    var observer = new MutationObserver((mutations) => {
        mutations.forEach((mutation) => {
            if (mutation.type == "attributes") {
                bing_header.style.backgroundColor = "";
                bing_header.style.borderBottom = "1px solid #ececec";
            }
        });
    });
    
    observer.observe(bing_header, {
        attributes: true,
        attributeFilter: ['style']
    });
  • TA的每日心情
    开心
    2024-3-13 10:14
  • 签到天数: 211 天

    [LV.7]常住居民III

    296

    主题

    4012

    回帖

    3901

    积分

    管理员

    积分
    3901

    管理员荣誉开发者油中2周年生态建设者喜迎中秋油中3周年挑战者 lv2

    发表于 2023-9-18 17:00:10 | 显示全部楼层
    这。。。刚刚试了一下,还有这种操作,广告屏蔽插件都没屏蔽掉(也可能因为刚出,还没支持)
    上不慕古,下不肖俗。为疏为懒,不敢为狂。为拙为愚,不敢为恶。/ 微信公众号:一之哥哥
    回复

    使用道具 举报

    发表回复

    本版积分规则

    快速回复 返回顶部 返回列表