• 主页
  • Showdoc
  • Editormd
  • Vue.js 中文文档
  • Vue-CLI 中文文档
  • Vue-Router 中文文档
  • VuePress 中文文档
  • Vuex 中文文档
  • vue-element-admin 中文文档
  • NodeJS
  • Hexo 中文文档
  • 开源软件镜像收录
  • B站番剧索引
所有文章 关于我

  • 主页
  • Showdoc
  • Editormd
  • Vue.js 中文文档
  • Vue-CLI 中文文档
  • Vue-Router 中文文档
  • VuePress 中文文档
  • Vuex 中文文档
  • vue-element-admin 中文文档
  • NodeJS
  • Hexo 中文文档
  • 开源软件镜像收录
  • B站番剧索引

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

2021-09-24

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

2021-09-24-05

先上代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
// ==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的元素下一定延迟后出现

2021-09-24-01

2021-09-24-02

2021-09-24-03

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

  • Linux
  • Grub

扫一扫,分享到微信

微信分享二维码
微软相关产品离线安装iso
SQLServer2019离线安装iso
目录,不存在的…
© 2024 移影残风
Hexo Theme Yilia by Litten
本站总访问量:7749
苏ICP备19031571号-1
  • 所有文章
  • 关于我

tag:

animation:

  • CentOS
  • Ubuntu
  • MySQL
  • Linux
  • Java
  • IDEA
  • Webstorm
  • Jetbrains
  • Spring Boot
  • Mybatis
  • Tomcat
  • redis
  • 编译
  • nodejs
  • Windows 10
  • Windows
  • Git
  • Xshell
  • SSH
  • macOS
  • Shell
  • Json
  • JavaScript
  • 油猴脚本
  • 正则表达式
  • Android
  • Grub
  • npm
  • 转载
  • Hadoop
  • SQLServer
  • Microsoft

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录(注意不是yilia根目录)执行以下命令:
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置:

      jsonContent:
        meta: false
        pages: false
        posts:
          title: true
          date: true
          path: true
          text: false
          raw: false
          content: false
          slug: false
          updated: false
          comments: false
          link: false
          permalink: false
          excerpt: false
          categories: false
          tags: true
    

很惭愧

只做了一点微小的工作
谢谢大家