☰

dgj's bilibili ads guard

remove all ads from bilibili.com

  1. // ==UserScript==
  2. // @name         dgj's bilibili ads guard
  3. // @namespace    http://tampermonkey.net/
  4. // @version      2024-06-18
  5. // @description  remove all ads from bilibili.com
  6. // @author       noobdawn
  7. // @match        https://www.bilibili.com/
  8. // @icon         https://www.google.com/s2/favicons?sz=64&domain=bilibili.com
  9. // @grant        GM_xmlhttpRequest
  10. // @license MIT
  11. // ==/UserScript==
  12.  
  13. (function() {
  14.     'use strict';
  15.  
  16.     var blockData = localStorage.getItem("dgjBlockData");
  17.     //if (blockData === null)
  18.     {
  19.         blockData = {
  20.             "up_name": "",
  21.             // up主的名字
  22.  
  23.             "up_uid": "",
  24.             // up主的UID
  25.  
  26.             "video_keyword": 
  27.                 // sb游戏
  28.                 "剑网3,原神,崩坏,星穹铁道,星铁,绝区,未定事件簿,米哈游,仙家军,明日方舟,鹰角,海猫,鸣潮,战双帕弥什,库洛,少前,少女前线,面包房少女,散爆,羽中,无期迷途,叠纸,奇迹暖暖,无限暖暖,恋与深空,恋与制作人,百面千相,姚润昊,深空之眼,来古弥新,物华弥新,新月同行,归龙潮,破晓序列,卡拉彼丘,碧蓝档案,蔚蓝档案,雀魂,以闪亮之名,光与夜之恋,尘白禁区",
  29.             // 视频的关键词
  30.  
  31.             "video_label": 
  32.                 // sb游戏 
  33.                 "鸣潮,鸣潮公测二创,鸣潮公测创作者激励计划,新三国,火影忍者手游,地下城与勇士,dnf,dnfpk,300英雄,MOBA,三百英雄,剑网3,星穹铁道2.2波提欧,暴雪,原神,崩坏,崩坏学园2,崩坏3,崩坏星穹铁道,星穹铁道,绝区零,绝区0,未定事件簿,米哈游,仙家军,明日方舟,鹰角,鹰角网络,海猫,鸣潮,战双帕弥什,库洛,少前,少前2,少女前线,少女前线2,面包房少女,散爆,羽中,叠纸游戏,奇迹暖暖,无限暖暖,恋与深空,恋与制作人,百面千相,姚润昊,深空之眼,来古弥新,物华弥新,新月同行,归龙潮,望月,破晓序列,卡拉彼丘,碧蓝档案,蔚蓝档案,雀魂,以闪亮之名,光与夜之恋,尘白禁区" +
  34.                 // 没营养的东西
  35.                 "助眠,生活,情感,日常,校园,娱乐,记录,舞蹈,Vtuber,hololive,免单挑战,探店,美食,时尚,穿搭"
  36.             // 视频的标签
  37.             
  38.         };
  39.         blockData.up_name = blockData.up_name.split(",");
  40.         blockData.video_keyword = blockData.video_keyword.split(",");
  41.         blockData.video_label = blockData.video_label.split(",");
  42.         blockData.up_uid = blockData.up_uid.split(",");
  43.         localStorage.setItem("dgjBlockData", JSON.stringify(blockData));
  44.     }
  45.  
  46.     const DEBUG = true;
  47.  
  48.     function removeAds(node, msg) {
  49.         if (DEBUG)
  50.         {
  51.             // 删除所有子元素
  52.             while (node.firstChild) {
  53.                 node.removeChild(node.firstChild);
  54.             }
  55.             // 添加一个文本节点
  56.             node.appendChild(document.createTextNode(msg));
  57.         }
  58.         else
  59.             node.remove();
  60.     }
  61.  
  62.     // 从URL中获取UID
  63.     function GetUidFromUrl(url) {
  64.         var index = url.indexOf("space.bilibili.com/");
  65.         if (index === -1)
  66.             return -1;
  67.         // 将剩下的所有字符转换为字符串
  68.         var uid = url.substring(index + 19);
  69.         return parseInt(uid);
  70.     }
  71.  
  72.     // 根据UP主屏蔽视频
  73.     function BlockVideoByUp(node) {
  74.         // 向下查找，找到class为"bili-video-card__info--owner"的a，这就是UP主的链接
  75.         var owner = node.getElementsByClassName("bili-video-card__info--owner");
  76.         if (owner.length > 0) {
  77.             var uid = GetUidFromUrl(owner[0].href);
  78.             if (uid === -1)
  79.                 return true;
  80.             // 如果uid在blockData的up_uid数组中，就删除这个视频
  81.             if (blockData.up_uid.indexOf(uid) !== -1)
  82.             {
  83.                 removeAds(node, "触发UP主：" + uid);
  84.                 return true;
  85.             }
  86.             owner = node.getElementsByClassName("bili-video-card__info--author");
  87.             if (owner.length > 0) {
  88.                 var name = owner[0].innerText;
  89.                 // 如果name在blockData的up_name数组中，就删除这个视频
  90.                 if (blockData.up_name.indexOf(name) !== -1)
  91.                 {
  92.                     removeAds(node, "触发UP主：" + name);
  93.                     return true;
  94.                 }
  95.             }
  96.             return false;
  97.         }
  98.         return true;
  99.     }
  100.  
  101.     // 根据视频屏蔽视频
  102.     function BlockVideoByVideo(node) {
  103.         var link = node.getElementsByClassName("bili-video-card__info--tit");
  104.         if (link.length > 0) {
  105.             console.log(link[0].title);
  106.             var title = link[0].title;
  107.             for (var j = 0; j < blockData.video_keyword.length; j++){
  108.                 if (title.includes(blockData.video_keyword[j])) {
  109.                     removeAds(node, "触发关键字：" + blockData.video_keyword[j]);
  110.                     return;
  111.                 }
  112.             }
  113.         }
  114.         // 向下查找，找到class为"bili-video-card__image--link"的a，这就是视频的链接
  115.         link = node.getElementsByClassName("bili-video-card__image--link");
  116.         if (link.length > 0) {
  117.             var url = link[0].href;
  118.             // 打开视频链接，获取视频的关键词和标签
  119.             GM_xmlhttpRequest({
  120.                 method: "GET",
  121.                 url: url,
  122.                 onload: function(response) {
  123.                     var data = response.responseText;
  124.                     // 找到<meta data-vue-meta="true" itemprop="keywords" name="keywords" content="
  125.                     let start_string = "<meta data-vue-meta=\"true\" itemprop=\"keywords\" name=\"keywords\" content=\"";
  126.                     let end_string = "\"><meta";
  127.                     var index = data.indexOf(start_string);
  128.                     if (index !== -1)
  129.                     {
  130.                         var keywords = data.substring(index + start_string.length, data.indexOf(end_string, index));
  131.                         var keywordArray = keywords.split(",");
  132.                         // 抛弃第一个元素
  133.                         keywordArray.shift();
  134.                         console.log(keywordArray);
  135.                         // 如果labels数组中有一个元素在blockData的video_label数组中，就删除这个视频
  136.                         for (i = 0; i < keywordArray.length; i++)
  137.                         {
  138.                             if (blockData.video_label.indexOf(keywordArray[i]) !== -1)
  139.                             {
  140.                                 removeAds(node, "触发标签：" + keywordArray[i]);
  141.                                 return;
  142.                             }
  143.                         }
  144.                     }
  145.                 }
  146.             });
  147.         }
  148.     }
  149.  
  150.     // 每次页面元素变化时，都会触发此函数
  151.     var observer = new MutationObserver(function(mutations) {
  152.         // 遍历所有变化
  153.         mutations.forEach(function(mutation) {
  154.             mutation.addedNodes.forEach(function(node) {
  155.                 if (node instanceof HTMLDivElement) {
  156.                     // 为菜单新增一个按钮
  157.                     if (node.className === "bili-video-card__info--no-interest-panel")
  158.                     {
  159.                         // 创建一个新的选项，class为"bili-video-card__info--no-interest-panel--item"，innerText为"屏蔽此UP主"
  160.                         var item = document.createElement("div");
  161.                         item.className = "bili-video-card__info--no-interest-panel--item";
  162.                         item.innerText = "屏蔽此UP主";
  163.                         // 将新的选项插入到菜单中
  164.                         node.appendChild(item);
  165.                         // 监听点击事件
  166.                         item.addEventListener("click", function() {
  167.                             // todo
  168.                         });
  169.                     }
  170.  
  171.                     // 如果新增的节点的class为"floor-single-card"，这部分一般是直播间、番剧、国创、课堂、综艺推荐卡片，干掉
  172.                     if (node.className === "floor-single-card") {
  173.                         removeAds(node, "Ban原因：推送");
  174.                         return;
  175.                     }
  176.                     // 如果新增的节点的class为"bili-video-card is-rcmd"，这部分一般是不能点不感兴趣的卡片，直接干掉
  177.                     if (node.className === "bili-video-card is-rcmd") {
  178.                         removeAds(node, "Ban原因：广告");
  179.                         return;
  180.                     }
  181.                     if (node.className === "bili-video-card is-rcmd enable-no-interest")
  182.                     {
  183.                         node.style.marginTop = '22px';
  184.                     }
  185.                     
  186.                     if (BlockVideoByUp(node) !== true)
  187.                         BlockVideoByVideo(node);
  188.                 }
  189.             });
  190.         });
  191.     });
  192.  
  193.     // 监听整个文档
  194.     observer.observe(document, {
  195.         childList: true,
  196.         subtree: true
  197.     });
  198.  
  199.     // 移除滚动播放广告
  200.     // 找到所有class为"recommended-swipe grid-anchor"的div，这就是左上角的广告滚动页
  201.     var ads = document.getElementsByClassName("recommended-swipe grid-anchor");
  202.     for (var i = 0; i < ads.length; i++) {
  203.         removeAds(ads[i], "Ban原因：广告滚动页");
  204.     }
  205.  
  206.     // 找到所有首页的广告
  207.     // 找到所有class为"bili-video-card is-rcmd"的div
  208.     ads = document.getElementsByClassName("bili-video-card is-rcmd");
  209.     for (i = 0; i < ads.length; i++) {
  210.         if (ads[i].className === "bili-video-card is-rcmd")
  211.         {
  212.             if (ads[i].parentNode.className === "feed-card")
  213.                 removeAds(ads[i].parentNode, "Ban原因：广告");
  214.             else
  215.                 removeAds(ads[i], "Ban原因：广告");
  216.         }
  217.     }
  218.  
  219.     ads = document.getElementsByClassName("feed-card");
  220.     for (i = 0; i < ads.length; i++) {
  221.         // 将样式中的margin-top设为40像素
  222.         ads[i].style.marginTop = '22px';
  223.         if (BlockVideoByUp(ads[i]) !== true)
  224.             BlockVideoByVideo(ads[i]);
  225.     }
  226.  
  227.  
  228. })();