前言

使用CSDN的用户应该都有感触，页面的广告总是很烦人，于是想办法开发一个插件来屏蔽广告，屏蔽广告1.0.0 应运而生。
此版本标注里谷歌扩展API v2 -> v3 的变化，建议使用v3 版本写法，v2 版本 2023年失效。

一、插件介绍

本插件使用js、css实现，实现很简单，思想就是找到广告栏位，将其dom元素不显示。下面是插件下载地址，下载解压后，扩展程序中引入即可生效。

插件下载地址

二、插件结构

1.文件结构

2.代码

JS：

// CSDN 屏蔽广告，将对应的广告dom元素不显示
var adsbygoogle = document.getElementsByClassName("adsbygoogle")
!!adsbygoogle ? adsbygoogle.style = 'display:none !important;' : ''
var recommendAdBox = document.getElementById("recommendAdBox")
!!recommendAdBox ? recommendAdBox.style = 'display:none !important;' : ''

CSS：

// CSDN 屏蔽广告，将对应的广告dom元素不显示
.adsbygoogle{
    display: none !important;
}
#recommendAdBox{
    display: none !important;
}

manifest配置文件：

/{
  "manifest_version": 3,   // 插件清单版本，2 为旧版本2023年失效，取用新版本 3
  "version":"1.0.0",      // 插件版本
  "name":"广告屏蔽",        // 插件名称
  "description":"CSDN去除广告插件", // 插件描述
  // "permissions":["*://blog.csdn.net/*"], // 2 版本写法，最新版谷歌会报错
  "permissions":["tabs","bookmarks"],  // 3 版本将本地权限与其他权限分开
  "host_permissions": ["*://blog.csdn.net/*"],
  "background":   // 会一直常驻的后台JS或后台页面
  {
    // 2种指定方式，如果指定JS，那么会自动生成一个背景页
    // "page": "background.html"
    //"scripts": ["js/background.js"]
  },
  "icons":  // 插件图标
  {
    "16": "image/icon/logo.png",
    "48": "image/icon/logo.png",
    "128": "image/icon/logo.png"
  },
  // 需要直接注入页面的JS
  "content_scripts":[{
    "matches":["*://blog.csdn.net/*"],
    "js":["./js/index.js"],
    "css": ["./css/index.css"],
    "run_at":"document_end", // 运行插件的时间
    "all_frames":false
  }]
}

三、使用方式

点击已解压的插件，选择开发的插件目录，导入即可

四、参考

v2版本国内配置
v3版谷歌官网配置