油猴脚本-CSDN插件推广横幅屏蔽

最近csdn经常出现如下图所示的插件推广的广告横幅，非常烦人，于是便搞了个油猴脚本来治治它

先上代码：

// ==UserScript==
// @name         CSDN插件推广广告去除
// @namespace    http://tampermonkey.net/
// @version      1.0.0
// @description  CSDN插件推广广告去除
// @author       whoami
// @match        *://blog.csdn.net/*/article/details/*
// @match        *://*.blog.csdn.net/article/details/*
// @grant        none
// @icon         https://csdnimg.cn/public/favicon.ico
// @run-at       document-end
// ==/UserScript==

(function() {
    'use strict';
    document.getElementById('csdn-toolbar').addEventListener("DOMSubtreeModified", function(){
        for (const element of document.getElementsByClassName('toolbar-adver-btn')) {
            element.click()
            console.log('CSDN插件推广横幅去除成功')
        }
    }, false);
})();

原理：

通过检查元素可以发现广告的dom元素固定在id为csdn-toolbar的元素下一定延迟后出现

所以便可以给csdn-toolbar dom元素添加一个DOMSubtreeModified事件，当class为toolbar-advert的广告dom元素出现时，对右上角的class为toolbar-adver-btn的关闭按钮元素执行click() 方法，模拟鼠标点击直接关闭广告元素。