移除 Bilibili 推广广告卡片

移除 Bilibili 首页的左上角 banner、信息流里的推广卡片、视频播放页面右上角的推广卡片等广告
换行
// ==UserScript==
// @name         移除 Bilibili 推广广告卡片
// @description  移除 Bilibili 首页的左上角 banner、信息流里的推广卡片、视频播放页面右上角的推广卡片等广告
// @author       xuejianxianzun
// @version      1.6
// @namespace    saber.love
// @run-at       document-body
// @match        https://www.bilibili.com/*
// @match        https://www.bilibili.com/video/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=bilibili.com
// @grant        none
// @license      MIT
// ==/UserScript==

(function () {
  'use strict';

  // 对于有标记的广告元素，通过样式表隐藏，体验更好
  function addStyle () {
    const selectors = [
      // 移除左上角的切换 banner
      'div.recommended-swipe',
      // 首页推流的直播间
      'div.bili-live-card',
      // 卡片下方有几层阴影的，都是推流
      '.floor-single-card',
      // 视频页面里，评论区上方的广告横幅
      '.ad-floor-cover',
        '.ad-report',
        '.strip-ad',
      // 视频页面里，右侧弹幕列表下方的广告，会标注“广告”字样
      '#slide_ad',
      // 视频页面里，右侧弹幕列表下方的广告，有小火箭图标，经常看到些逆天的玩意
      '.video-card-ad-small',
      // 视频页面里，混在右侧视频列表里的游戏广告
      '.video-page-game-card-small',
    ]

    const style = document.createElement('style')
    style.textContent = `${selectors.join(',')}{display:none !important;}`
    document.body.append(style)
  }

  // 对于本身没有标记的广告，先查找子元素，再移除其父元素
  function removeAD () {
    if (document.hidden) {
      return
    }

    // 先查找具有特征的子元素，再查找父元素（整个卡片）
    const childrenSelectors = [
      // 1. 小火箭图标
      'svg.bili-video-card__info--creative-ad',
      // 2. 小火箭图标
      'svg.vui_icon.bili-video-card__stats--icon',
      // 3. 标题前面带“广告”的，其“广告”二字的图标
      '.bili-video-card__info--ad',
      // 4. 图片右下角带“广告”二字的，看起来都是游戏。点击会尝试打开小程序
      // 它和视频卡片的不同之处在于：正常的视频卡片这里是一个 a 标签，而这种是 div
      'div.bili-video-card__image--link',
      // 5. 图片右下角带“广告”二字的，看起来都是游戏。点击会跳转到外部链接
      'a.bili-video-card__info--owner.disable-hover',
    ]
    childrenSelectors.forEach(selector => {
      const array = document.querySelectorAll(selector)
      for (const el of array) {
        const card = el.closest('.feed-card') || el.closest('.bili-video-card')
        // console.log(card)
        card?.remove()
      }
    })
  }

  // 监听页面变化
  let timer
  function ob () {
    const observer = new MutationObserver(() => {
      window.clearTimeout(timer)
      timer = window.setTimeout(removeAD, 0)
    })
    observer.observe(document.body, {
      childList: true,
      subtree: true,
    })
  }

  addStyle()
  removeAD()
  ob()

})()