Greasy Fork is available in English.
对 Bilibili.com 的视频卡片元素，以标题、UP 主、标签、双重标签、充电专属、收藏投币比、竖屏、时长、播放量、点赞率、视频分区、UP 主等级、UP 主粉丝数、UP 主简介、精选评论、置顶评论来判断匹配，添加覆盖叠加层或隐藏视频，隐藏或屏蔽热搜、附带去除广告等非视频元素的功能。
当前为
// ==UserScript==
// @name Bilibili 按标签、标题、时长、UP主屏蔽视频
// @namespace https://github.com/tjxwork
// @version 1.4.0
// @note
// @note 新版本的视频介绍，来拯救一下我可怜的播放量吧 ●︿● (第二个视频直接搜不到……)
// @note 应该是目前B站最强的屏蔽视频插件？【tjxgame】
// @note https://www.bilibili.com/video/BV1WJ4m1u79n
// @note 能终结一切的战争吗？双重标签屏蔽用法【tjxwork】
// @note https://www.bilibili.com/video/BV1NoTyzBEsx
// @note
// @note 作者的爱发电：https://afdian.com/a/tjxgame
// @note 欢迎订阅支持、提需求，您的赞助支持就是维护更新的最大动力！
// @note
// @note v1.4.0 添加新功能：“隐藏搜索框的热搜内容”、“按已有标题、标签项屏蔽热搜项”、“按关键字屏蔽热搜项”，感谢来自 @云布绛茜乐 的赞助需求。
// @note 旧功能完善：“隐藏首页等页面的非视频元素” 添加隐藏搜索页下的广告卡片、推广卡片。
// @note v1.3.1 优化代码逻辑：判断是否启用了相关选项来决定是否调用相关API，以减少触发风控的风险。
// @note 感谢 [xiaofeiTM233](https://github.com/tjxwork/bilibili_blocked_videos_by_tags/pull/16) 的补充提交。
// @note v1.3.0 添加新功能：“屏蔽高于此收藏/投币比的视频”，感谢 [xmlhttp](http://greasyfork.icu/zh-CN/users/68271-xmlhttp) 的建议。
// @note 为了保护新发的视频，只会处理播放数5000+、收藏数50+、发布时间2小时+的视频。
// @note 添加理由：收藏数量远大于投币的视频，大概是刷的数据，我个人投稿视频的收藏/投币比例，几乎没有高于3的，刷了半天视频，决定该默认值定为10。
// @note [xmlhttp 的评论](http://greasyfork.icu/zh-CN/scripts/481629/discussions/296729)、
// @note [【有亦探索】揭密点赞投币收藏重要性顺序——林亦LYi](https://www.bilibili.com/video/BV1st411Y73m)、
// @note [「收藏」正在摧毁B站——码农高天](https://www.bilibili.com/video/BV1Cz42187ju)
// @note v1.2.0 添加新功能：“屏蔽低于指定投币率的视频”，有人觉得有用……但是实际真用处不大，太多人不投币了，1%都能干掉8成视频。
// @note 添加新功能：“屏蔽低于指定UP主等级的视频”、“屏蔽低于指定UP主粉丝数的视频”、“按UP主简介屏蔽” 就是增加了UP相关信息的屏蔽，感谢 爱发电用户5f0c2 的赞助需求！
// @note 添加新功能：“导出设置”、“导入设置”，其实就是个JSON……
// @note 旧功能完善：“隐藏首页等页面的非视频元素” 功能生效范围增加新出现的广告项目、修复了隐藏广告元素导致的对齐问题。
// @note 增加了菜单的鼠标停留文字提示（也提示了哪些功能是需要API的）、优化了菜单功能的排序。
// @note 再次提醒，频繁大量加载新内容、刷新网页可能会导致B站的API拒绝请求，导致部分功能暂时失效，有相当多的功能是依靠B站的API才能正常工作。
// @note v1.1.5 修正导致缓存记录对象的 videoLink 记录出错的部分代码; 修改赞助按钮的跳出连接; (我真的是不知道什么鬼运气，去哪哪崩，刚开的爱发电也崩了。)
// @note v1.1.4 添加新功能：“屏蔽叠加层的提示只显示类型”，有部分用户可能连命中的屏蔽词都不想看到，但是又倾向使用叠加层模式，所以增加了这个开关。
// @note 感谢来自爱发电的赞助需求。
// @note v1.1.3 兼容脚本处理：[bv2av](http://greasyfork.icu/zh-CN/scripts/398535)(此脚本会将视频链接替换为旧的 AV 号链接)，感谢 @Henry-ZHR 的提出；
// @note 不完善功能修复：每次触发运行时，会将屏蔽叠加背景层与父元素尺寸进行同步，解决了页面布局变化时叠加层不跟随变化，感谢 @Henry-ZHR 的建议；
// @note “隐藏首页等页面的非视频元素” 功能生效范围增加：隐藏 搜索页——综合 下的 直播卡片
// @note v1.1.2 添加新功能：“按置顶评论屏蔽”；
// @note 注意：“按置顶评论屏蔽”、“屏蔽精选评论的视频” 这两个功能都用到了获取评论的API，
// @note 这个API对请求频率非常敏感，频繁刷新或者开启新页面会导致B站拒绝请求，正常浏览一般不会出现拒绝问题。
// @note v1.1.1 添加新功能：“屏蔽充电专属的视频”；
// @note v1.1.0 添加新功能：“屏蔽精选评论的视频”，骗子视频大概率会开启精选评论；
// @note “隐藏首页等页面的非视频元素” 功能生效范围增加：隐藏视频播放页右侧视频相关的游戏推荐；
// @note 控制台输出日志优化：现在只有发生变化的时候才会输出；
// @note v1.0.2 “隐藏首页等页面的非视频元素” 功能生效范围增加：隐藏视频播放页右侧最下方的“大家围观的直播”
// @note v1.0.1 修正了B站旧版首页的顶部推荐条失效的Bug；
// @note 如果用旧版首页只是想要更多的顶部推荐的话，建议使用 bilibili-app-recommend 来获取更多的推荐。
// @note 现在版本B站首页的推荐卡片有广告的问题，可以通过本脚本的 “隐藏首页等页面的非视频元素” 功能来解决。
// @note v1.0.0 菜单UI使用Vue3重构，现在不用担心缩放问题挡住UI了，界面更加现代化；
// @note 改进了判断逻辑，现在可以使用白名单来避免误杀关注的UP了；
// @note 新增功能：视频分区屏蔽、播放量屏蔽、点赞率屏蔽、竖屏视频屏蔽、UP主名称正则屏蔽、隐藏非视频元素、白名单避免屏蔽指定UP。
// @description 对 Bilibili.com 的视频卡片元素，以标题、UP 主、标签、双重标签、充电专属、收藏投币比、竖屏、时长、播放量、点赞率、视频分区、UP 主等级、UP 主粉丝数、UP 主简介、精选评论、置顶评论来判断匹配，添加覆盖叠加层或隐藏视频，隐藏或屏蔽热搜、附带去除广告等非视频元素的功能。
// @author tjxwork
// @license CC-BY-NC-SA
// @icon https://www.bilibili.com/favicon.ico
// @match https://www.bilibili.com/*
// @match https://www.bilibili.com/v/popular/all/*
// @match https://www.bilibili.com/v/popular/weekly/*
// @match https://www.bilibili.com/v/popular/history/*
// @exclude https://www.bilibili.com/anime/*
// @exclude https://www.bilibili.com/movie/*
// @exclude https://www.bilibili.com/guochuang/*
// @exclude https://www.bilibili.com/variety/*
// @exclude https://www.bilibili.com/tv/*
// @exclude https://www.bilibili.com/documentary*
// @exclude https://www.bilibili.com/mooc/*
// @exclude https://www.bilibili.com/v/virtual/*
// @exclude https://www.bilibili.com/v/popular/music/*
// @exclude https://www.bilibili.com/v/popular/drama/*
// @match https://search.bilibili.com/*
// @exclude https://search.bilibili.com/live
// @grant GM_registerMenuCommand
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_addStyle
// @require https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-w/vue/3.2.31/vue.global.min.js
// ==/UserScript==
"use strict";
// --------------------参数变量初始化--------------------
// 初始化屏蔽参数变量，从 油猴扩展存储 读取到 blockedParameter
let blockedParameter = GM_getValue("GM_blockedParameter", {
// 屏蔽标题
blockedTitle_Switch: true,
blockedTitle_UseRegular: true,
blockedTitle_Array: [],
// 屏蔽Up主和Uid
blockedNameOrUid_Switch: true,
blockedNameOrUid_UseRegular: false,
blockedNameOrUid_Array: [],
// 屏蔽视频分区
blockedVideoPartitions_Switch: true,
blockedVideoPartitions_UseRegular: false,
blockedVideoPartitions_Array: [],
// 屏蔽标签
blockedTag_Switch: true,
blockedTag_UseRegular: true,
blockedTag_Array: [],
// 屏蔽双重屏蔽标签
doubleBlockedTag_Switch: true,
doubleBlockedTag_UseRegular: true,
doubleBlockedTag_Array: [],
// 屏蔽短时长视频
blockedShortDuration_Switch: false,
blockedShortDuration: 0,
// 屏蔽低播放量视频
blockedBelowVideoViews_Switch: false,
blockedBelowVideoViews: 0,
// 屏蔽低于指定点赞率的视频
blockedBelowLikesRate_Switch: false,
blockedBelowLikesRate: 0,
// 屏蔽低于指定投币率的视频
blockedBelowCoinRate_Switch: false,
blockedBelowCoinRate: 0,
// 屏蔽高于指定收藏投币比的视频
blockedAboveFavoriteCoinRatio_Switch: false,
blockedAboveFavoriteCoinRatio: 10,
// 屏蔽竖屏视频
blockedPortraitVideo_Switch: false,
// 屏蔽充电专属的视频
blockedChargingExclusive_Switch: false,
// 屏蔽精选评论的视频
blockedFilteredCommentsVideo_Switch: false,
// 屏蔽置顶评论
blockedTopComment_Switch: false,
blockedTopComment_UseRegular: true,
blockedTopComment_Array: [],
// 屏蔽低于指定UP主等级的视频
blockedBelowUpLevel_Switch: false,
blockedBelowUpLevel: 0,
// 屏蔽低于指定UP主粉丝数的视频
blockedBelowUpFans_Switch: false,
blockedBelowUpFans: 0,
// 屏蔽包含相关UP主简介的视频
blockedUpSigns_Switch: false,
blockedUpSigns_UseRegular: true,
blockedUpSigns_Array: [],
// 白名单Up主和Uid
whitelistNameOrUid_Switch: false,
whitelistNameOrUid_Array: [],
// 隐藏热搜
hideTrending_Switch: false,
// 屏蔽热搜项，按标题、标签的项来
blockedTrendingItemByTitleTag_Switch: false,
// 屏蔽热搜项
blockedTrendingItem_Switch: false,
blockedTrendingItem_UseRegular: true,
blockedTrendingItem_Array: [],
// 隐藏非视频元素
hideNonVideoElements_Switch: true,
// 屏蔽叠加层的提示只显示类型而不显示命中项
blockedOverlayOnlyDisplaysType_Switch: false,
// 隐藏视频而非叠加层模式
hideVideoMode_Switch: false,
// 控制台输出日志
consoleOutputLog_Switch: false,
});
// 旧参数适配
function oldParameterAdaptation(obj) {
//判断是否为旧参数，是的话就修改为新参数结构
if (Object.prototype.hasOwnProperty.call(obj, "blockedTitleArray")) {
// 屏蔽标题
obj["blockedTitle_Switch"] = true;
obj["blockedTitle_UseRegular"] = true;
obj["blockedTitle_Array"] = obj["blockedTitleArray"];
delete obj["blockedTitleArray"];
// 屏蔽Up主和Uid
obj["blockedNameOrUid_Switch"] = true;
obj["blockedNameOrUid_UseRegular"] = true;
obj["blockedNameOrUid_Array"] = obj["blockedNameOrUidArray"];
delete obj["blockedNameOrUidArray"];
// 屏蔽视频分区
obj["blockedVideoPartitions_Switch"] = false;
obj["blockedVideoPartitions_UseRegular"] = false;
obj["blockedVideoPartitions_Array"] = [];
// 屏蔽标签
obj["blockedTag_Switch"] = true;
obj["blockedTag_UseRegular"] = true;
obj["blockedTag_Array"] = obj["blockedTagArray"];
delete obj["blockedTagArray"];
// 屏蔽双重屏蔽标签
obj["doubleBlockedTag_Switch"] = true;
obj["doubleBlockedTag_UseRegular"] = true;
obj["doubleBlockedTag_Array"] = obj["doubleBlockedTagArray"];
delete obj["doubleBlockedTagArray"];
// 屏蔽短时长视频
obj["blockedShortDuration_Switch"] = true;
// 白名单Up主和Uid
obj["whitelistNameOrUid_Switch"] = false;
obj["whitelistNameOrUid_Array"] = [];
// 隐藏视频而非叠加层模式
obj["hideVideoMode_Switch"] = obj["hideVideoModeSwitch"];
delete obj["hideVideoModeSwitch"];
// 控制台输出日志
obj["consoleOutputLog_Switch"] = obj["consoleOutputLogSwitch"];
delete obj["consoleOutputLogSwitch"];
}
}
oldParameterAdaptation(blockedParameter);
// --------------------菜单UI部分--------------------
// 菜单UI的CSS，使用 GM_addStyle 注入 CSS
GM_addStyle(`
:root {
/* 主窗体背景色 */
--uiBackgroundColor: rgb(48, 48, 48);
/* 输入模块背景色 */
--uiInputContainerBackgroundColor: rgb(64, 64, 64);
/* 输入框背景色 */
--uiInputBoxBackgroundColor: rgb(89, 89, 89);
/* 滚动条背景色 */
--uiScrollbarBackgroundColor: rgb(141, 141, 141);
/* 文字颜色 */
--uiTextColor: rgb(250, 250, 250);
/* 按钮色 */
--uiButtonColor: rgb(0, 174, 236);
/* 边框色 */
--uiBorderColor: rgba(0, 0, 0, 0);
/* 提醒框背景色 */
--uiPromptBoxColor: rgb(42, 44, 53);
/* 屏蔽叠加层背景色 */
--blockedOverlayColor: rgba(60, 60, 60, 0.85);
/* 字体大小 */
--fontSize: 14px;
/* 行高 */
--lineHeight: 24px;
/* 圆角 */
--borderRadius: 4px;
}
/* 菜单UI */
#blockedMenuUi {
font-size: var(--fontSize);
position: fixed;
bottom: 6vh;
right: 2vw;
z-index: 1005;
width: 460px;
max-height: 86vh;
overflow-y: auto;
background-color: var(--uiBackgroundColor);
}
#blockedMenuUi,
#blockedMenuUi * {
color: var(--uiTextColor);
box-sizing: border-box;
border-style: solid;
border-width: 0px;
border-color: var(--uiBorderColor);
border-radius: var(--borderRadius);
line-height: var(--lineHeight);
vertical-align: middle;
font-family: "Cascadia Mono", Monaco, Consolas, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;
}
/* 滚动条 */
#blockedMenuUi::-webkit-scrollbar,
#blockedMenuUi ul::-webkit-scrollbar {
width: 7px;
}
/* 滚动条 轨道*/
#blockedMenuUi::-webkit-scrollbar-track,
#blockedMenuUi ul::-webkit-scrollbar-track {
background: var(--uiScrollbarBackgroundColor);
border-radius: 7px;
}
/* 滚动条 滑块*/
#blockedMenuUi::-webkit-scrollbar-thumb,
#blockedMenuUi ul::-webkit-scrollbar-thumb {
background: var(--uiInputContainerBackgroundColor);
border-radius: 7px;
}
/* 滚动条 滑块 鼠标经过 */
#blockedMenuUi::-webkit-scrollbar-thumb:hover,
#blockedMenuUi ul::-webkit-scrollbar-thumb:hover {
background: var(--uiInputBoxBackgroundColor);
border-radius: 7px;
}
/* 滚动条 滑块 鼠标点击 */
#blockedMenuUi::-webkit-scrollbar-thumb:active,
#blockedMenuUi ul::-webkit-scrollbar-thumb:active {
background: var(--uiButtonColor);
border-radius: 7px;
}
#menuTitle {
font-size: 17px;
text-align: center;
margin: 10px;
}
.menuOptions {
background-color: var(--uiInputContainerBackgroundColor);
padding: 10px;
margin: 0 10px;
margin-bottom: 10px;
}
.titleLabelLeft {
display: inline-block;
width: 275px;
margin-bottom: 5px;
}
.titleLabelRight {
display: inline-block;
margin-bottom: 5px;
}
#blockedMenuUi label {
font-size: 16px;
vertical-align: middle;
}
#blockedMenuUi input {
background-color: var(--uiInputBoxBackgroundColor);
font-size: var(--fontSize);
line-height: var(--lineHeight);
border-radius: var(--borderRadius);
padding: 0 5px;
margin-bottom: 5px;
width: 360px;
vertical-align: middle;
}
#blockedMenuUi input[type="number"] {
width: 5em;
margin: 0 5px;
padding: 0 5px;
text-align: right;
appearance: none;
}
#blockedMenuUi input[type="number"]::-webkit-inner-spin-button,
#blockedMenuUi input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
#blockedMenuUi input[type="checkbox"] {
width: 16px;
height: 16px;
margin: 0;
margin-bottom: 2.5px;
margin-right: 5px;
appearance: none;
border: 1.5px solid var(--uiTextColor);
border-radius: 8px;
}
#blockedMenuUi input[type="checkbox"]:checked {
border: 3px solid;
background-color: var(--uiButtonColor);
}
#blockedMenuUi button {
line-height: var(--lineHeight);
border-radius: var(--borderRadius);
padding: 0;
margin-bottom: 5px;
margin-left: 5px;
width: 47px;
vertical-align: middle;
background-color: var(--uiButtonColor);
transition: background-color 0.1s ease;
}
#blockedMenuUi button:hover {
background-color: rgb(17, 154, 204);
}
#blockedMenuUi button:active {
background-color: rgb(62, 203, 255);
}
#blockedMenuUi ul {
background-color: var(--uiInputBoxBackgroundColor);
font-size: 14px;
padding: 5px 5px 0px 0px;
margin-inline: 0px;
margin: 0;
width: 100%;
min-height: 34px;
max-height: 92px;
overflow-y: auto;
}
#blockedMenuUi li {
line-height: var(--lineHeight);
border-radius: var(--borderRadius);
display: inline-block;
padding: 0 5px;
margin-bottom: 5px;
margin-left: 5px;
vertical-align: middle;
background-color: var(--uiButtonColor);
}
#blockedMenuUi li button {
width: 20px;
margin: 0px;
padding: 0 0 3px 0;
font-size: 24px;
line-height: 18px;
border: 0px;
}
#blockedMenuUi li button:hover {
background-color: var(--uiButtonColor);
color: rgb(221, 221, 221);
}
#blockedMenuUi li button:active {
background-color: var(--uiButtonColor);
color: var(--uiButtonColor);
}
#blockedMenuUi textarea {
background-color: var(--uiInputBoxBackgroundColor);
font-size: 14px;
padding: 0 5px;
width: 100%;
resize: none;
}
#menuButtonContainer {
position: sticky;
right: 0;
bottom: 0;
width: 100%;
background-color: var(--uiBackgroundColor);
margin-top: -10px;
}
#menuButtonContainer button {
line-height: var(--lineHeight);
border-radius: var(--borderRadius);
font-size: 16px;
border: 0;
padding: 0;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
height: 45px;
width: 45px;
vertical-align: middle;
background-color: var(--uiButtonColor);
}
/* 提示框样式 */
#blockedMenuPrompt {
position: fixed;
bottom: calc(6vh - 37px);
right: calc(2vw + 7px);
z-index: 1006; /* 高于菜单的z-index */
line-height: 30px;
border-radius: var(--borderRadius);
padding: 0 15px;
margin: 0;
height: 30px;
vertical-align: middle;
text-align: center;
background-color: var(--uiInputBoxBackgroundColor);
transition: opacity 0.5s ease;
pointer-events: none; /* 防止阻挡点击操作 */
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
/* 支付宝微信二维码 */
#alipayWeChatQrCode {
color: white;
background-color: black;
padding: 10px;
position: fixed;
top: 52%;
left: 16%;
transform: translate(0%, -50%);
}
/* 修正隐藏元素后导致的对齐问题 */
@media (min-width: 2060px),
(min-width: 1560px) and (max-width: 2059.9px),
(min-width: 1400px) and (max-width: 1559.9px) {
.recommended-container_floor-aside .container>*:nth-of-type(n + 8),
.recommended-container_floor-aside .container.is-version8>*:nth-of-type(n + 13) {
margin-top: 0;
}
}
/* 修正隐藏元素后导致的对齐问题 */
@media (min-width: 1300px) and (max-width: 1399.9px),
(max-width: 1139.9px) {
.recommended-container_floor-aside .container>*:nth-of-type(n + 6),
.recommended-container_floor-aside .container.is-version8>*:nth-of-type(n + 13) {
margin-top: 0;
}
}
`);
// 菜单UI的HTML
let menuUiHTML = `
<div id="blockedMenuUi">
<div id="menuTitle">Bilibili按标签、标题、时长、UP主屏蔽视频 v1.4.0</div>
<div id="menuOptionsList">
<div class="menuOptions">
<div class="titleLabelLeft">
<label title="不需要API，网页上直接有标题信息"><input type="checkbox" v-model="menuUiSettings.blockedTitle_Switch" />按标题屏蔽视频(?)</label>
</div>
<div class="titleLabelRight">
<label title="正则是什么可以问AI，你也可以理解成模糊匹配"><input type="checkbox" v-model="menuUiSettings.blockedTitle_UseRegular" />启用正则(?)</label>
</div>
<input type="text" placeholder="多项输入请用英文逗号间隔" spellcheck="false"
v-model="tempInputValue.blockedTitle_Array" /><button
@click="addArrayButton(tempInputValue, menuUiSettings, 'blockedTitle_Array')">添加</button>
<ul>
<li v-for="(value, index) in menuUiSettings.blockedTitle_Array">
{{value}}<button @click="delArrayButton(index, menuUiSettings.blockedTitle_Array)">×</button>
</li>
</ul>
</div>
<div class="menuOptions">
<div class="titleLabelLeft">
<label title="大部分情况也是可以在网页上直接拿到"><input type="checkbox" v-model="menuUiSettings.blockedNameOrUid_Switch" />按UP名称或Uid屏蔽视频(?)</label>
</div>
<div class="titleLabelRight">
<label title="正则是什么可以问AI，你也可以理解成模糊匹配"><input type="checkbox" v-model="menuUiSettings.blockedNameOrUid_UseRegular" />启用正则(?)</label>
</div>
<input type="text" placeholder="多项输入请用英文逗号间隔" spellcheck="false"
v-model="tempInputValue.blockedNameOrUid_Array" /><button
@click="addArrayButton(tempInputValue, menuUiSettings, 'blockedNameOrUid_Array')">添加</button>
<ul>
<li v-for="(value, index) in menuUiSettings.blockedNameOrUid_Array">
{{value}}<button @click="delArrayButton(index, menuUiSettings.blockedNameOrUid_Array)">×</button>
</li>
</ul>
</div>
<div class="menuOptions">
<div class="titleLabelLeft">
<label title="标签API，要注意有一些标签可能是分区"><input type="checkbox" v-model="menuUiSettings.blockedTag_Switch" />按标签屏蔽视频(?)</label>
</div>
<div class="titleLabelRight">
<label title="正则是什么可以问AI，你也可以理解成模糊匹配"><input type="checkbox" v-model="menuUiSettings.blockedTag_UseRegular" />启用正则(?)</label>
</div>
<input type="text" placeholder="多项输入请用英文逗号间隔" spellcheck="false"
v-model="tempInputValue.blockedTag_Array" /><button
@click="addArrayButton(tempInputValue, menuUiSettings, 'blockedTag_Array')">添加</button>
<ul>
<li v-for="(value, index) in menuUiSettings.blockedTag_Array">
{{value}}<button @click="delArrayButton(index, menuUiSettings.blockedTag_Array)">×</button>
</li>
</ul>
</div>
<div class="menuOptions">
<div class="titleLabelLeft">
<label title="标签API，视频包含一对指定标签时才会生效，
专门用来屏蔽引战视频，例如：原神|鸣潮
这就看不到所有同时带“原神”“鸣潮”两个标签的视频。
要注意有一些标签可能是分区"><input type="checkbox" v-model="menuUiSettings.doubleBlockedTag_Switch" />按双重标签屏蔽视频(?)</label>
</div>
<div class="titleLabelRight">
<label title="正则是什么可以问AI，你也可以理解成模糊匹配"><input type="checkbox" v-model="menuUiSettings.doubleBlockedTag_UseRegular" />启用正则(?)</label>
</div>
<input type="text" placeholder='多项输入请用英文逗号间隔(以"A标签|B标签"格式添加)' spellcheck="false"
v-model="tempInputValue.doubleBlockedTag_Array" /><button
@click="addArrayButton(tempInputValue, menuUiSettings, 'doubleBlockedTag_Array' )">添加</button>
<ul>
<li v-for="(value, index) in menuUiSettings.doubleBlockedTag_Array">
{{value}}<button @click="delArrayButton(index, menuUiSettings.doubleBlockedTag_Array)">×</button>
</li>
</ul>
</div>
<div class="menuOptions">
<label title="视频API，是拿到视频的充电视频标记后判断的"><input type="checkbox" v-model="menuUiSettings.blockedChargingExclusive_Switch" />屏蔽充电专属的视频(?)</label>
</div>
<div class="menuOptions">
<div class="titleLabelLeft">
<label title="视频API，是拿到视频的收藏数和投币数后计算出比例后判断的，
简单来说，它可以一定程度上判断这个视频是不是刷数据的低质视频。
高质量的原创视频，收藏/投币的比，一般都不会高于5，
小于1反而是常态，高于10的有高概率是刷数据的视频。
具体的原理，请查看 v1.3.0 更新日志中的三个链接。
(只会处理播放数5000+、收藏数50+、发布时间2小时+的视频)
！！！对教程类视频可能会有严重误伤！！！"><input type="checkbox"
v-model="menuUiSettings.blockedAboveFavoriteCoinRatio_Switch" />屏蔽高于此收藏/投币比的视频(?)</label>
</div>
<input type="number" spellcheck="false" v-model="menuUiSettings.blockedAboveFavoriteCoinRatio" />
<label></label>
</div>
<div class="menuOptions">
<label title="视频API，是拿到视频的分辨率后判断的"><input type="checkbox" v-model="menuUiSettings.blockedPortraitVideo_Switch" />屏蔽竖屏视频(?)</label>
</div>
<div class="menuOptions">
<div class="titleLabelLeft">
<label title="视频API，是拿到视频的时长后判断的"><input type="checkbox" v-model="menuUiSettings.blockedShortDuration_Switch" />屏蔽低于此时长的视频(?)</label>
</div>
<input type="number" spellcheck="false" v-model="menuUiSettings.blockedShortDuration" />
<label>秒</label>
</div>
<div class="menuOptions">
<div class="titleLabelLeft">
<label title="视频API，是拿到视频的播放量后判断的"><input type="checkbox"
v-model="menuUiSettings.blockedBelowVideoViews_Switch" />屏蔽低于此播放量的视频(?)</label>
</div>
<input type="number" spellcheck="false" v-model="menuUiSettings.blockedBelowVideoViews" />
<label>次</label>
</div>
<div class="menuOptions">
<div class="titleLabelLeft">
<label title="视频API，是拿到视频的播放量和点赞数后判断的
意义不大，推荐使用 收藏/投币比 屏蔽"><input type="checkbox"
v-model="menuUiSettings.blockedBelowLikesRate_Switch" />屏蔽低于此点赞率的视频(?)</label>
</div>
<input type="number" spellcheck="false" v-model="menuUiSettings.blockedBelowLikesRate" />
<label>%</label>
</div>
<div class="menuOptions">
<div class="titleLabelLeft">
<label title="视频API，是拿到视频的播放量和投币数后判断的
意义不大，推荐使用 收藏/投币比 屏蔽"><input type="checkbox"
v-model="menuUiSettings.blockedBelowCoinRate_Switch" />屏蔽低于此投币率的视频(?)</label>
</div>
<input type="number" spellcheck="false" v-model="menuUiSettings.blockedBelowCoinRate" />
<label>%</label>
</div>
<div class="menuOptions">
<div class="titleLabelLeft">
<label title="视频API，现在视频的分区可能不是很好确定名字，可以看日志来判断"><input type="checkbox" v-model="menuUiSettings.blockedVideoPartitions_Switch" />按视频分区屏蔽视频(?)</label>
</div>
<div class="titleLabelRight">
<label title="正则是什么可以问AI，你也可以理解成模糊匹配"><input type="checkbox" v-model="menuUiSettings.blockedVideoPartitions_UseRegular" />启用正则(?)</label>
</div>
<input type="text" placeholder="多项输入请用英文逗号间隔" spellcheck="false"
v-model="tempInputValue.blockedVideoPartitions_Array" /><button
@click="addArrayButton(tempInputValue, menuUiSettings, 'blockedVideoPartitions_Array')">添加</button>
<ul>
<li v-for="(value, index) in menuUiSettings.blockedVideoPartitions_Array">
{{value}}<button
@click="delArrayButton(index, menuUiSettings.blockedVideoPartitions_Array)">×</button>
</li>
</ul>
</div>
<div class="menuOptions">
<div class="titleLabelLeft">
<label title="UP主API，是拿到UP主的等级信息后判断的"><input type="checkbox" v-model="menuUiSettings.blockedBelowUpLevel_Switch" />屏蔽低于此UP主等级的视频(?)</label>
</div>
<input type="number" spellcheck="false" v-model="menuUiSettings.blockedBelowUpLevel" />
<label>级</label>
</div>
<div class="menuOptions">
<div class="titleLabelLeft">
<label title="UP主API，是拿到UP主的等粉丝数后判断的"><input type="checkbox" v-model="menuUiSettings.blockedBelowUpFans_Switch" />屏蔽低于此UP主粉丝数的视频(?)</label>
</div>
<input type="number" spellcheck="false" v-model="menuUiSettings.blockedBelowUpFans" />
<label>人</label>
</div>
<div class="menuOptions">
<div class="titleLabelLeft">
<label title="UP主API，是拿到UP主的简介后判断的"><input type="checkbox" v-model="menuUiSettings.blockedUpSigns_Switch" />按UP主简介屏蔽视频(?)</label>
</div>
<div class="titleLabelRight">
<label title="正则是什么可以问AI，你也可以理解成模糊匹配"><input type="checkbox" v-model="menuUiSettings.blockedUpSigns_UseRegular" />启用正则(?)</label>
</div>
<input type="text" placeholder="多项输入请用英文逗号间隔" spellcheck="false"
v-model="tempInputValue.blockedUpSigns_Array" /><button
@click="addArrayButton(tempInputValue, menuUiSettings, 'blockedUpSigns_Array')">添加</button>
<ul>
<li v-for="(value, index) in menuUiSettings.blockedUpSigns_Array">
{{value}}<button @click="delArrayButton(index, menuUiSettings.blockedUpSigns_Array)">×</button>
</li>
</ul>
</div>
<div class="menuOptions">
<label title="评论API，极易请求过多导致拒绝"><input type="checkbox"
v-model="menuUiSettings.blockedFilteredCommentsVideo_Switch" />屏蔽精选评论的视频(?)</label>
</div>
<div class="menuOptions">
<div class="titleLabelLeft">
<label title="评论API，极易请求过多导致拒绝"><input type="checkbox" v-model="menuUiSettings.blockedTopComment_Switch" />按置顶评论屏蔽视频(?)</label>
</div>
<div class="titleLabelRight">
<label title="正则是什么可以问AI，你也可以理解成模糊匹配"><input type="checkbox" v-model="menuUiSettings.blockedTopComment_UseRegular" />启用正则(?)</label>
</div>
<input type="text" placeholder="多项输入请用英文逗号间隔" spellcheck="false"
v-model="tempInputValue.blockedTopComment_Array" /><button
@click="addArrayButton(tempInputValue, menuUiSettings, 'blockedTopComment_Array')">添加</button>
<ul>
<li v-for="(value, index) in menuUiSettings.blockedTopComment_Array">
{{value}}<button @click="delArrayButton(index, menuUiSettings.blockedTopComment_Array)">×</button>
</li>
</ul>
</div>
<div class="menuOptions">
<div class="titleLabelLeft">
<label title="白名单，在最后进行的判断，有最高的优先级"><input type="checkbox"
v-model="menuUiSettings.whitelistNameOrUid_Switch" />按UP名称或Uid避免屏蔽视频(?)</label>
</div>
<input type="text" placeholder='多项输入请用英文逗号间隔' spellcheck="false"
v-model="tempInputValue.whitelistNameOrUid_Array" /><button
@click="addArrayButton(tempInputValue, menuUiSettings, 'whitelistNameOrUid_Array' )">添加</button>
<ul>
<li v-for="(value, index) in menuUiSettings.whitelistNameOrUid_Array">
{{value}}<button @click="delArrayButton(index, menuUiSettings.whitelistNameOrUid_Array)">×</button>
</li>
</ul>
</div>
<div class="menuOptions">
<label title="直接隐藏所有的热搜项"><input type="checkbox"
v-model="menuUiSettings.hideTrending_Switch" />隐藏搜索框的热搜内容(?)</label>
</div>
<div class="menuOptions">
<label title="不用自己重新填了，直接按你有的标题标签屏蔽项来屏蔽热搜项"><input type="checkbox"
v-model="menuUiSettings.blockedTrendingItemByTitleTag_Switch" />按已有的标题、标签项屏蔽热搜项(?)</label>
</div>
<div class="menuOptions">
<div class="titleLabelLeft">
<label title="类似标题的用法，感觉不是很有必须单独做出来"><input type="checkbox"
v-model="menuUiSettings.blockedTrendingItem_Switch" />按关键字屏蔽热搜项(?)</label>
</div>
<div class="titleLabelRight">
<label title="正则是什么可以问AI，你也可以理解成模糊匹配"><input type="checkbox" v-model="menuUiSettings.blockedTrendingItem_UseRegular" />启用正则(?)</label>
</div>
<input type="text" placeholder='多项输入请用英文逗号间隔' spellcheck="false"
v-model="tempInputValue.blockedTrendingItem_Array" /><button
@click="addArrayButton(tempInputValue, menuUiSettings, 'blockedTrendingItem_Array' )">添加</button>
<ul>
<li v-for="(value, index) in menuUiSettings.blockedTrendingItem_Array">
{{value}}<button @click="delArrayButton(index, menuUiSettings.blockedTrendingItem_Array)">×</button>
</li>
</ul>
</div>
<div class="menuOptions">
<label title="基本就是去各种广告、去直播、去综艺、去国漫、去搜索页推广之类的非投稿视频内容"><input type="checkbox"
v-model="menuUiSettings.hideNonVideoElements_Switch" />隐藏首页等页面的非视频元素(?)</label>
</div>
<div class="menuOptions">
<label title="防止你连屏蔽词都恶心"><input type="checkbox" v-model="menuUiSettings.blockedOverlayOnlyDisplaysType_Switch" />屏蔽叠加层的提示只显示类型(?)</label>
</div>
<div class="menuOptions">
<label title="我基本不用这个，为了方便判断屏蔽效果和范围"><input type="checkbox" v-model="menuUiSettings.hideVideoMode_Switch" />隐藏视频而不是使用叠加层覆盖(?)</label>
</div>
<div class="menuOptions">
<label title="你可以看到一堆的报错！"><input type="checkbox" v-model="menuUiSettings.consoleOutputLog_Switch" />控制台输出日志开关(?)</label>
</div>
</div>
<div id="menuButtonContainer">
<button @click="refreshButton()">读取</button>
<button @click="saveButton()">保存</button>
<button @click="closeButton()">关闭</button>
<button @click="exportButton()">导出</button>
<button @click="importButton()">导入</button>
<button @click="authorButton()">作者</button>
<button @click="supportButton()">赞助</button>
<div id="alipayWeChatQrCode" v-show="tempInputValue.QrCode_Switch">
<label>感谢赞助，二维码暂停使用，即将跳转到爱发电</label>
</div>
<!-- 添加提示框 -->
<div id="blockedMenuPrompt"
:style="{ opacity: tempInputValue.promptText_Opacity }"
v-show="tempInputValue.promptText_Switch">
{{tempInputValue.promptText}}
</div>
</div>
`;
// 菜单UI
function blockedMenuUi() {
// 检查页面中是否已经存在这个元素
if (!document.getElementById("blockedMenuUi")) {
// 如果不存在，将菜单弹窗添加到页面
// 创建Div作为菜单容器
let menuUi = document.createElement("div");
menuUi.innerHTML = menuUiHTML;
document.body.appendChild(menuUi);
} else {
console.log("菜单 #blockedMenuUi 已存在");
return;
}
// 让油猴脚本的Vue代码能网页中正常工作。
unsafeWindow.Vue = Vue;
const { createApp, reactive, toRaw } = Vue;
createApp({
setup() {
// 设置选项数据
const menuUiSettings = reactive({});
// 临时存储的各数组对应的输入值
const tempInputValue = reactive({
blockedTitle_Array: "",
blockedNameOrUid_Array: "",
blockedVideoPartitions_Array: "",
blockedTag_Array: "",
doubleBlockedTag_Array: "",
blockedTopComment_Array: "",
blockedUpSigns_Array: "",
whitelistNameOrUid_Array: "",
blockedTrendingItem_Array: "",
// 临时提示文本
promptText_Switch: true,
promptText_Opacity: 0,
promptText: "",
// 二维码显示开关
QrCode_Switch: false,
});
// 显示临时提示文本
function showPromptText(text) {
// tempInputValue.promptText_Switch = true; // 显示 label 元素
tempInputValue.promptText_Opacity = 1;
tempInputValue.promptText = text;
// 1.5秒后隐藏 label 元素
setTimeout(() => {
// tempInputValue.promptText_Switch = false;
tempInputValue.promptText_Opacity = 0;
}, 1500);
}
// 添加数组项目
const addArrayButton = (tempInputValue, menuUiSettings, keyName) => {
// 确保 menuUiSettings[keyName] 是一个数组
if (!Array.isArray(menuUiSettings[keyName])) {
menuUiSettings[keyName] = [];
}
// 双重标签的特殊处理 判断是否为空
if (keyName == "doubleBlockedTag_Array" && tempInputValue[keyName].trim()) {
// 使用 split 按逗号分隔，然后映射去除每个标签的首尾空白
const items = tempInputValue[keyName]
.split(",")
.map((item) => item.split("|").map((str) => str.trim()))
.filter((subArray) => subArray.length === 2 && subArray.every((str) => str !== ""));
items.forEach((secondSplitItem) => {
// 将两个标签重新组合成一个字符串，并添加到设置数据中
const formattedItem = secondSplitItem.join("|");
menuUiSettings[keyName].push(formattedItem);
});
// 清空输入框内容
tempInputValue[keyName] = "";
return;
}
// 判断是否为空
if (tempInputValue[keyName].trim()) {
// 用逗号分隔值并去除每项的空格后添加到数组
const items = tempInputValue[keyName].split(",").map((item) => item.trim());
menuUiSettings[keyName].push(...items);
// 清空输入框内容
tempInputValue[keyName] = "";
}
};
//删除数组项目
const delArrayButton = (index, array) => {
//splice(要删除元素的索引位置, 要删除的元素数量)
array.splice(index, 1);
};
// 读取按钮 深拷贝函数，递归处理嵌套对象，普通对象 to 普通对象/响应式对象
function deepCopy(source, target) {
for (let key in source) {
if (typeof source[key] === "object" && source[key] !== null) {
target[key] = Array.isArray(source[key]) ? [] : {}; // 根据类型创建空对象或数组
deepCopy(source[key], target[key]); // 递归拷贝子对象
} else {
target[key] = source[key]; // 复制基本类型和函数等
}
}
}
// 读取按钮
const refreshButton = () => {
// 使用 deepCopy 函数进行深拷贝
deepCopy(blockedParameter, menuUiSettings);
showPromptText("读取数据");
};
// 保存按钮 深拷贝函数，递归处理响应式对象，响应式对象 to 普通对象
function deepCopyReactiveObject(reactiveObj, targetObj) {
for (let key in reactiveObj) {
const rawValue = toRaw(reactiveObj[key]); // 获取属性的原始值
if (typeof rawValue === "object" && rawValue !== null) {
targetObj[key] = Array.isArray(rawValue) ? [] : {}; // 根据类型创建空对象或数组
deepCopyReactiveObject(rawValue, targetObj[key]); // 递归处理嵌套的响应式子对象
} else {
targetObj[key] = rawValue; // 复制基本类型和函数等
}
}
}
// 保存按钮
const saveButton = () => {
// 将响应式对象深拷贝到普通对象 blockedParameter
deepCopyReactiveObject(menuUiSettings, blockedParameter);
// 将全局屏蔽参数对象变量 blockedParameter 保存到油猴扩展存储中
GM_setValue("GM_blockedParameter", blockedParameter);
showPromptText("保存数据");
// 触发一次主函数，以立刻生效
FuckYouBilibiliRecommendationSystem();
};
// 关闭按钮
const closeButton = () => {
// 获取需要删除的元素
let elementToRemove = document.getElementById("blockedMenuUi");
// 确保元素存在再进行删除操作
if (elementToRemove) {
// 先获取父元素
let parentElement = elementToRemove.parentNode;
// 在父元素删除指定的元素
parentElement.removeChild(elementToRemove);
}
};
// 导出设置
const exportButton = () => {
try {
const rawSettings = toRaw(menuUiSettings);
const jsonString = JSON.stringify(rawSettings, null, 2);
const blob = new Blob([jsonString], { type: "application/json" });
const url = URL.createObjectURL(blob);
const a = document.createElement("a");
a.href = url;
a.download = `Bilibili_blocked_videos_by_tags_Config_${formatTimestamp({ separator: "-_-" })}.json`;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
showPromptText("设置导出成功");
} catch (error) {
showPromptText("导出失败");
console.error("导出设置时出错:", error);
}
};
// 导入设置
const importButton = () => {
const input = document.createElement("input");
input.type = "file";
input.accept = "application/json";
input.onchange = async (event) => {
const file = event.target.files[0];
if (!file) return;
try {
// 读取文件内容
const fileContent = await new Promise((resolve, reject) => {
const reader = new FileReader();
reader.onload = (e) => resolve(e.target.result);
reader.onerror = (e) => reject(e.target.error);
reader.readAsText(file);
});
// 解析和验证数据
const importedData = JSON.parse(fileContent);
if (!validateSettings(importedData)) {
throw new Error("无效的配置文件");
}
// 合并到当前设置（不自动保存）
mergeSettings(importedData, menuUiSettings);
showPromptText("设置已加载，请手动保存");
} catch (error) {
showPromptText("导入失败: 文件格式错误");
console.error("导入设置时出错:", error);
}
};
input.click();
};
// 新增验证方法
function validateSettings(settings) {
return ["blockedTitle_Switch", "blockedNameOrUid_Switch", "blockedTag_Switch"].some((key) =>
settings.hasOwnProperty(key)
);
}
// 新增合并方法（保持响应式）
function mergeSettings(source, target) {
Object.keys(source).forEach((key) => {
if (Array.isArray(source[key])) {
target[key] = [...source[key]]; // 数组替换
} else if (typeof source[key] === "object") {
Object.assign(target[key], source[key]); // 对象合并
} else {
target[key] = source[key]; // 基本类型
}
});
}
// 作者主页
const authorButton = () => {
setTimeout(() => {
window.open("https://space.bilibili.com/351422438", "_blank");
}, 1000);
showPromptText("欢迎关注！");
};
// 赞助作者
const supportButton = () => {
if (!tempInputValue.QrCode_Switch) {
setTimeout(() => {
window.open("https://afdian.com/a/tjxgame", "_blank");
}, 1000);
tempInputValue.QrCode_Switch = true;
} else {
tempInputValue.QrCode_Switch = false;
}
showPromptText("感谢老板！");
};
// 打开菜单时，先加载一次数据
refreshButton();
return {
menuUiSettings,
tempInputValue,
addArrayButton,
delArrayButton,
refreshButton,
saveButton,
closeButton,
exportButton,
importButton,
supportButton,
authorButton,
};
},
}).mount("#blockedMenuUi");
}
// 在油猴扩展中添加脚本菜单选项
GM_registerMenuCommand("屏蔽参数面板", blockedMenuUi);
// -----------------------逻辑处理部分--------------------------
// 视频的详细信息对象，以videoBv为键, 用于同窗口内的缓存查询
let videoInfoDict = {};
// 视频的UP信息对象，以upUid为键, 用于短时间内的缓存查询
let videoUpInfoDict = {};
// 上次输出的视频详细信息对象，用于控制台判断是否输出日志
let lastConsoleVideoInfoDict = {};
// videoInfoDict 的参考内容结构
// videoInfoDict = {
// BV12i4y1e73B: {
// videoLink: "https://www.bilibili.com/video/BV12i4y1e73B/",
// videoTitle: "B站按 标签 标题 时长 UP主来屏蔽视频 油猴插件【tjxgame】",
// videoUpName: "tjxgame",
// videoUpUid: 351422438,
// videoPartitions: "软件应用",
// videoTags: [
// "科技2023年终总结",
// "视频",
// "教程",
// "tjxwork",
// "软件分享",
// "插件",
// "标签",
// "屏蔽",
// "油猴",
// "tjxgame",
// "2023热门年度盘点",
// ],
// topComment : "大更新，新视频！\nhttps://www.bilibili.com/video/BV1WJ4m1u79n/\n\nv1.0.0 菜单UI使用Vue3重构，现在不用担心缩放问题挡住UI了，界面更加现代化；\n改进了判断逻辑，现在可以使用白名单来避免误杀关注的UP了；\n新增功能：视频分区屏蔽、播放量屏蔽、点赞率屏蔽、竖屏视频屏蔽、UP主名称正则屏蔽、隐藏非视频元素、白名单避免屏蔽指定UP。"
// whiteListTargets: true,
// videoDuration: 259,
// videoView: 9067,
// videoLike: 507,
// videoLikesRate: "5.59",
// videoResolution: {
// width: 3840,
// height: 2160,
// },
// videoChargingExclusive : false
// filteredComments: false,
// blockedTarget: true,
// triggeredBlockedRules: [
// "屏蔽短时长视频: 259秒",
// "屏蔽低播放量: 9067次",
// "屏蔽低点赞率: 5.59%",
// "屏蔽标题: tjxgame",
// "屏蔽UP: tjxgame",
// "屏蔽分区: 软件应用",
// "屏蔽标签: 标签",
// "屏蔽双重标签: 油猴,插件",
// ],
// lastVideoInfoApiRequestTime: "2024-06-21T09:17:10.389Z",
// lastVideoTagApiRequestTime: "2024-06-21T09:17:10.389Z",
// lastVideoCommentsApiRequestTime: "2024-06-21T09:17:10.389Z",
// },
// };
// 格式化时间（又造垃圾小轮子……）
function formatTimestamp({
date = true,
time = true,
milliseconds = false,
separator = "-_:.",
onlyDate = false,
onlyTime = false,
} = {}) {
// 当前时间
currentTime = new Date();
// 时间单位补零
const pad = (n, length = 2) => n.toString().padStart(length, "0");
// 日期
const year = currentTime.getFullYear();
const month = pad(currentTime.getMonth() + 1);
const day = pad(currentTime.getDate());
let concatDate = [year, month, day];
// 时间
const hours = pad(currentTime.getHours());
const minutes = pad(currentTime.getMinutes());
const seconds = pad(currentTime.getSeconds());
let concatTime = [hours, minutes, seconds];
// 毫秒
const millis = pad(currentTime.getMilliseconds(), 3);
let outputTime = "";
// 只输出日期
if (onlyDate) {
date = true;
time = false;
}
// 只输出时间
if (onlyTime) {
date = false;
time = true;
}
// 有日期 有时间 分隔符没3 2025_04_24_15_22_02
if (date === true && time === true && separator.length < 3) {
outputTime = concatDate.join(separator[0]) + separator[0] + concatTime.join(separator[0]);
}
// 有日期 有时间 分隔符有3 2025-04-24_15:21:30
if (date === true && time === true && separator.length >= 3) {
outputTime = concatDate.join(separator[0]) + separator[1] + concatTime.join(separator[2]);
}
// onlyDate 只输出日期
if (date === true && time === false) {
outputTime = concatDate.join(separator[0]);
}
// onlyTime 只输出时间
if (date === false && time === true) {
// 分隔符小于3
if (separator.length < 3) {
outputTime = concatTime.join(separator[0]);
} else {
outputTime = concatTime.join(separator[2]);
}
}
// 加毫秒
if (milliseconds) {
// 分隔符小于3 2025_04_24_15_22_02_000
if (separator.length < 3) {
outputTime = outputTime + separator[0] + millis;
}
// 分隔符等于3 2025-04-24_15:21:30:000
else if (separator.length === 3) {
outputTime = outputTime + separator[2] + millis;
}
// 分隔符大于3 2025-04-24_15:21:30.000
else {
outputTime = outputTime + separator[3] + millis;
}
}
return outputTime;
}
// 日志输出，根据 consoleOutputLog_Switch 标志来决定是否输出日志
function consoleLogOutput(...args) {
// 启用控制台日志输出
if (blockedParameter.consoleOutputLog_Switch) {
// 将时间信息添加到日志消息中
let logTime = formatTimestamp({ onlyTime: true, milliseconds: true });
// 合并时间信息和 args 成为一个数组
let logArray = [logTime, ...args];
console.log(...logArray);
}
}
// 简单对比对象是否不同
function objectDifferent(obj1, obj2) {
if (Object.keys(obj1).length !== Object.keys(obj2).length) {
return true;
}
for (const key in obj1) {
if (obj1[key] !== obj2[key]) {
return true;
}
}
return false;
}
// 获取视频元素
function getVideoElements() {
// // 获取所有有可能是视频元素的标签 （BewlyBewly插件的首页特殊处理）
// let bewlyBewly = document.getElementById("bewly");
// if (bewlyBewly) {
// // BewlyBewly插件使用shadowDOM，要在shadowDOM下面找元素
// let shadowRoot = bewlyBewly.shadowRoot;
// videoElements = shadowRoot.querySelectorAll("div.video-card.group");
// // 过滤掉没有包含a标签的元素
// videoElements = Array.from(videoElements).filter((element) => element.querySelector("a"));
// // 返回处理后的结果
// return videoElements;
// }
// BewlyBewly 更新后失效……
// 获取所有有可能是视频元素的标签
let videoElements = document.querySelectorAll(
// div.bili-video-card 首页(https://www.bilibili.com/)、分区首页(https://www.bilibili.com/v/*)、搜索页面(https://search.bilibili.com/*)
// div.video-page-card-small 播放页右侧推荐(https://www.bilibili.com/video/BV****)
// li.bili-rank-list-video__item 分区首页-子分区右侧热门(https://www.bilibili.com/v/*)
// div.video-card 综合热门(https://www.bilibili.com/v/popular/all) 、每周必看(https://www.bilibili.com/v/popular/weekly) 、入站必刷(https://www.bilibili.com/v/popular/history)
// li.rank-item 排行榜(https://www.bilibili.com/v/popular/rank/all)
// div.video-card-reco 旧版首页推送(https://www.bilibili.com/)
// div.video-card-common 旧版首页分区(https://www.bilibili.com/)
// div.rank-wrap 旧版首页分区右侧排行(https://www.bilibili.com/)
"div.bili-video-card, div.video-page-card-small, li.bili-rank-list-video__item, div.video-card, li.rank-item, div.video-card-reco, div.video-card-common, div.rank-wrap"
);
// 过滤掉没有包含a标签的元素
videoElements = Array.from(videoElements).filter((element) => element.querySelector("a"));
// 判断是否存在旧版首页的顶部推荐条，为空的情况下再进行剔除广告元素，因为旧版首页的顶部推荐条，和新版的广告元素的类值一样……
if (document.querySelector("div.recommend-container__2-line") == null) {
// 过滤掉 CSS类刚好为 'bili-video-card is-rcmd' 的元素，因为是广告。
videoElements = Array.from(videoElements).filter(
(element) => element.classList.value !== "bili-video-card is-rcmd"
);
}
// 返回处理后的结果
return videoElements;
}
// 判断是否为已经屏蔽处理过的视频元素（延迟处理中）
function isAlreadyBlockedChildElement(videoElement) {
// // 确认是否为已经修改 元素已隐藏 跳过
// if (videoElement.style.display == "none") {
// // consoleLogOutput(operationInfo, "元素已隐藏 跳过剩下主函数步骤");
// return true;
// }
// 确认是否为已经修改 元素已透明 延迟处理中 跳过
if (videoElement.style.filter == "blur(5px)") {
// consoleLogOutput(operationInfo, "元素已透明 延迟处理中 跳过剩下主函数步骤");
return true;
}
// // 获取子元素，以确认是否为已经修改
// if (videoElement.firstElementChild.className == "blockedOverlay") {
// // consoleLogOutput(videoElement, "获取子元素，确认是已屏蔽处理过，跳过剩下主函数步骤");
// return true;
// }
}
// 标记为屏蔽目标，并记录命中的规则
function markAsBlockedTarget(videoBv, blockedType, blockedItem) {
// 将该 Bv号 标记为屏蔽目标
videoInfoDict[videoBv].blockedTarget = true;
// 确保 videoInfoDict[videoBv].triggeredBlockedRules 已定义为数组
if (!videoInfoDict[videoBv].triggeredBlockedRules) {
videoInfoDict[videoBv].triggeredBlockedRules = [];
}
let blockedRulesItem;
// 屏蔽叠加层的提示只显示类型而不显示命中项
if (blockedParameter.blockedOverlayOnlyDisplaysType_Switch) {
blockedRulesItem = blockedType;
} else {
blockedRulesItem = blockedType + ": " + blockedItem;
}
// 检查是否已经这条记录
if (!videoInfoDict[videoBv].triggeredBlockedRules.includes(blockedRulesItem)) {
// 将触发屏蔽的原因添加到 videoInfoDict[videoBv].triggeredBlockedRules
videoInfoDict[videoBv].triggeredBlockedRules.push(blockedRulesItem);
}
}
// 网页获取视频元素的Bv号和标题
function getBvAndTitle(videoElement) {
// 从视频元素中获取所有a标签链接
const videoLinkElements = videoElement.querySelectorAll("a");
// Bv号
let videoBv;
// Av号转Bv号，用于兼容 bv2av (http://greasyfork.icu/zh-CN/scripts/398535)，代码来源：https://socialsisteryi.github.io/bilibili-API-collect/docs/misc/bvid_desc.html#bv-av%E7%AE%97%E6%B3%95
function av2bv(aid) {
const XOR_CODE = 23442827791579n;
const MASK_CODE = 2251799813685247n;
const MAX_AID = 1n << 51n;
const BASE = 58n;
const data = "FcwAPNKTMug3GV5Lj7EJnHpWsx4tb8haYeviqBz6rkCy12mUSDQX9RdoZf";
const bytes = ["B", "V", "1", "0", "0", "0", "0", "0", "0", "0", "0", "0"];
let bvIndex = bytes.length - 1;
let tmp = (MAX_AID | BigInt(aid)) ^ XOR_CODE;
while (tmp > 0) {
bytes[bvIndex] = data[Number(tmp % BigInt(BASE))];
tmp = tmp / BASE;
bvIndex -= 1;
}
[bytes[3], bytes[9]] = [bytes[9], bytes[3]];
[bytes[4], bytes[7]] = [bytes[7], bytes[4]];
return bytes.join("");
}
// 循环处理所有a标签链接
for (let videoLinkElement of videoLinkElements) {
// 已经有Bv号不需要继续了，跳过
if (videoBv) {
continue;
}
// 处理排行榜的多链接特殊情况，符合就跳过
if (videoLinkElement.className == "other-link") {
continue;
}
// 获取的链接，如果是Av链接的格式
let videoAvTemp = videoLinkElement.href.match(/\/(av)(\d+)/);
if (videoAvTemp) {
// 从链接中获取Av号 转为 Bv号
videoBv = av2bv(videoAvTemp[2]);
}
// 获取的链接，如果是Bv链接的格式
let videoBvTemp = videoLinkElement.href.match(/\/(BV\w+)/);
if (videoBvTemp) {
// 从链接中获取到 视频Bv号
videoBv = videoBvTemp[1];
}
// 没拿Bv号不需要继续了，跳过
if (!videoBv) {
continue;
}
// 确保 videoInfoDict[videoBv] 已定义
if (!videoInfoDict[videoBv]) {
videoInfoDict[videoBv] = {};
}
// 视频链接
videoInfoDict[videoBv].videoLink = videoLinkElement.href;
}
// 没有拿到Bv号，提前结束
if (!videoBv) {
// consoleLogOutput(videoElement, "getBvAndTitle() 没有拿到Bv号 提前结束 跳过剩下主函数步骤");
return false;
}
// 视频标题 , 从视频元素中获取第一个带 title 属性且不为 span 的标签
videoInfoDict[videoBv].videoTitle = videoElement.querySelector("[title]:not(span)").title;
return videoBv;
}
// 处理匹配的屏蔽标题
function handleBlockedTitle(videoBv) {
// 判断是否拿到视频标题
if (!videoInfoDict[videoBv].videoTitle) {
return;
}
// 记录触发的规则内容
// let blockedRulesItemText = "";
// 是否启用正则
if (blockedParameter.blockedTitle_UseRegular) {
// 使用 屏蔽标题数组 与 视频标题 进行匹配
const blockedTitleHitItem = blockedParameter.blockedTitle_Array.find((blockedTitleItem) => {
// 正则化屏蔽标题
const blockedTitleRegEx = new RegExp(blockedTitleItem);
// 判断 正则化的屏蔽标题 是否匹配 视频标题
if (blockedTitleRegEx.test(videoInfoDict[videoBv].videoTitle)) {
// blockedRulesItemText = videoInfoDict[videoBv].videoTitle;
return true;
}
});
if (blockedTitleHitItem) {
// 标记为屏蔽目标并记录触发的规则
markAsBlockedTarget(videoBv, "按标题屏蔽", blockedTitleHitItem);
}
} else {
// 使用 屏蔽标题数组 与 视频标题 进行匹配
const blockedTitleHitItem = blockedParameter.blockedTitle_Array.find((blockedTitleItem) => {
// 判断 屏蔽标题 是否匹配 视频标题
if (blockedTitleItem === videoInfoDict[videoBv].videoTitle) {
// blockedRulesItemText = videoInfoDict[videoBv].videoTitle;
return true;
}
});
if (blockedTitleHitItem) {
// 标记为屏蔽目标并记录触发的规则
markAsBlockedTarget(videoBv, "按标题屏蔽", blockedTitleHitItem);
}
}
}
// 网页获取视频UP名和UpUid (已经有API获取为什么还要网页获取？因为快……)
function getNameAndUid(videoElement, videoBv) {
// 如果已经有 BV号 对应的 Up主名称 Up主Uid 记录，跳过
if (videoInfoDict[videoBv].videoUpName && videoInfoDict[videoBv].videoUpUid) {
return;
}
// 从视频元素中获取所有a标签链接
const videoLinkElements = videoElement.querySelectorAll("a");
// 循环处理所有a标签链接
for (let videoLinkElement of videoLinkElements) {
// 获取的链接，如果与 Uid 的链接格式匹配的话
const uidLink = videoLinkElement.href.match(/space\.bilibili\.com\/(\d+)/);
if (uidLink) {
// 视频UpUid
videoInfoDict[videoBv].videoUpUid = uidLink[1];
// 视频Up名称
videoInfoDict[videoBv].videoUpName = videoLinkElement.querySelector("span").innerText;
}
}
}
// API获取视频信息
function getVideoApiInfo(videoBv) {
// 如果已经有BV号对应的记录，跳过
if (videoInfoDict[videoBv].videoDuration) {
return;
}
// 当 lastVideoInfoApiRequestTime 上次API获取视频信息的时间存在，并且，和当前的时间差小于3秒时，跳过
const currentTime = new Date(); //获取当前时间
if (
videoInfoDict[videoBv].lastVideoInfoApiRequestTime &&
currentTime - videoInfoDict[videoBv].lastVideoInfoApiRequestTime < 3000
) {
// consoleLogOutput(videoBv, "getVideoApiInfo() 距离上次 Fetch 获取视频信息还未超过3秒钟");
return;
}
videoInfoDict[videoBv].lastVideoInfoApiRequestTime = currentTime;
// 通过API获取视频UP信息
fetch(`https://api.bilibili.com/x/web-interface/view?bvid=${videoBv}`)
.then((response) => response.json())
.then((videoApiInfoJson) => {
// API获取的UP主名称:
videoInfoDict[videoBv].videoUpName = videoApiInfoJson.data.owner.name;
// API获取的UP主Uid:
videoInfoDict[videoBv].videoUpUid = videoApiInfoJson.data.owner.mid;
// API获取的视频AVid:
videoInfoDict[videoBv].videoAVid = videoApiInfoJson.data.aid;
// API获取的视频发布时间:
videoInfoDict[videoBv].videoPubdate = videoApiInfoJson.data.pubdate;
// API获取的视频时长
videoInfoDict[videoBv].videoDuration = videoApiInfoJson.data.duration;
// API获取的视频分区
videoInfoDict[videoBv].videoPartitions = videoApiInfoJson.data.tname;
// API获取的视频播放数
videoInfoDict[videoBv].videoView = videoApiInfoJson.data.stat.view;
// API获取的视频点赞数
videoInfoDict[videoBv].videoLike = videoApiInfoJson.data.stat.like;
// 计算视频点赞率保留2位小数
videoInfoDict[videoBv].videoLikesRate = (
(videoInfoDict[videoBv].videoLike / videoInfoDict[videoBv].videoView) *
100
).toFixed(2);
// API获取的视频投币数
videoInfoDict[videoBv].videoCoin = videoApiInfoJson.data.stat.coin;
// 计算视频投币率保留2位小数
videoInfoDict[videoBv].videoCoinRate = (
(videoInfoDict[videoBv].videoCoin / videoInfoDict[videoBv].videoView) *
100
).toFixed(2);
// API获取的视频收藏数
videoInfoDict[videoBv].videoFavorite = videoApiInfoJson.data.stat.favorite;
// 计算视频的收藏数/投币数比例
videoInfoDict[videoBv].videoFavoriteCoinRatio = (
videoInfoDict[videoBv].videoFavorite / videoInfoDict[videoBv].videoCoin
).toFixed(2);
// // API获取的视频分享数
// videoInfoDict[videoBv].videoShare = videoApiInfoJson.data.stat.share;
// // API获取的视频评论数
// videoInfoDict[videoBv].videoReply = videoApiInfoJson.data.stat.reply;
// // API获取的视频弹幕数
// videoInfoDict[videoBv].videoDanmaku = videoApiInfoJson.data.stat.danmaku;
// API获取的视频是否为充电专属
videoInfoDict[videoBv].videoChargingExclusive = videoApiInfoJson.data.is_upower_exclusive;
// API获取的视频分辨率
if (!videoInfoDict[videoBv].videoResolution) {
videoInfoDict[videoBv].videoResolution = {};
}
videoInfoDict[videoBv].videoResolution.width = videoApiInfoJson.data.dimension.width;
videoInfoDict[videoBv].videoResolution.height = videoApiInfoJson.data.dimension.height;
FuckYouBilibiliRecommendationSystem();
})
.catch((error) => consoleLogOutput(videoBv, "getVideoApiInfo() Fetch错误:", error));
}
// 处理匹配短时长视频
function handleBlockedShortDuration(videoBv) {
// 判断是否拿到视频时长
if (!videoInfoDict[videoBv].videoDuration) {
return;
}
// 判断设置的屏蔽短时长视频值 是否大于 视频时长
if (blockedParameter.blockedShortDuration > videoInfoDict[videoBv].videoDuration) {
// 标记为屏蔽目标并记录触发的规则
markAsBlockedTarget(videoBv, "屏蔽低时长", videoInfoDict[videoBv].videoDuration + "秒");
}
}
// 处理匹配屏蔽低播放量视频
function handleBlockedBelowVideoViews(videoBv) {
// 判断是否拿到视频播放量
if (!videoInfoDict[videoBv].videoView) {
return;
}
// 判断设置的屏蔽视频点赞率值 是否大于 视频的点赞率
if (blockedParameter.blockedBelowVideoViews > videoInfoDict[videoBv].videoView) {
// 标记为屏蔽目标并记录触发的规则
markAsBlockedTarget(videoBv, "屏蔽低播放量", videoInfoDict[videoBv].videoView + "次");
}
}
// 处理匹配屏蔽低于指定点赞率的视频
function handleBlockedBelowLikesRate(videoBv) {
// 判断是否拿到视频点赞数
if (!videoInfoDict[videoBv].videoLikesRate) {
return;
}
// 判断设置的屏蔽视频点赞率值 是否大于 视频的点赞率
if (blockedParameter.blockedBelowLikesRate > videoInfoDict[videoBv].videoLikesRate) {
// 标记为屏蔽目标并记录触发的规则
markAsBlockedTarget(videoBv, "屏蔽低点赞率", videoInfoDict[videoBv].videoLikesRate + "%");
}
}
// 处理匹配屏蔽低于指定投币率的视频
function handleBlockedBelowCoinRate(videoBv) {
// 判断是否拿到视频投币数
if (!videoInfoDict[videoBv].videoCoinRate) {
return;
}
// 判断设置的屏蔽视频投币率值 是否大于 视频的投币率
if (blockedParameter.blockedBelowCoinRate > videoInfoDict[videoBv].videoCoinRate) {
// 标记为屏蔽目标并记录触发的规则
markAsBlockedTarget(videoBv, "屏蔽低投币率", videoInfoDict[videoBv].videoCoinRate + "%");
}
}
// 处理匹配屏蔽高于指定的收藏/投币比的视频
function handleBlockedAboveFavoriteCoinRatio(videoBv) {
// 判断视频的播放数是否小于5000，小于5000的话跳过
if (videoInfoDict[videoBv].videoView < 5000) {
return;
}
// 判断视频的收藏数是否小于50，小于50的话跳过
if (videoInfoDict[videoBv].videoFavorite < 50) {
return;
}
// 获取当前时间戳
const currentTimeInSeconds = Math.floor(Date.now() / 1000);
// 判断视频的发布时间是否小于2小时，小于2小时的话跳过
if (currentTimeInSeconds - videoInfoDict[videoBv].videoPubdate < 7200) {
return;
}
// 判断是否拿到视频的收藏投币比
if (!videoInfoDict[videoBv].videoFavoriteCoinRatio) {
return;
}
// 判断 视频的收藏投币比 是否大于 设置的屏蔽视频收藏投币比值
if (videoInfoDict[videoBv].videoFavoriteCoinRatio > blockedParameter.blockedAboveFavoriteCoinRatio) {
// 标记为屏蔽目标并记录触发的规则
markAsBlockedTarget(
videoBv,
"屏蔽高收藏投币比",
videoInfoDict[videoBv].videoFavoriteCoinRatio + "\nUP主: " + videoInfoDict[videoBv].videoUpName
);
}
}
// 处理匹配屏蔽竖屏视频
function handleBlockedPortraitVideo(videoBv) {
// 判断是否拿到视频分辨率
if (!videoInfoDict[videoBv].videoResolution?.width) {
return;
}
// 横向分辨率小于纵向分辨率就是竖屏
if (videoInfoDict[videoBv].videoResolution.width < videoInfoDict[videoBv].videoResolution.height) {
// 标记为屏蔽目标并记录触发的规则
markAsBlockedTarget(
videoBv,
"屏蔽竖屏视频",
`${videoInfoDict[videoBv].videoResolution.width} x ${videoInfoDict[videoBv].videoResolution.height}`
);
}
}
// 处理匹配 屏蔽充电专属视频
function handleBlockedChargingExclusive(videoBv) {
// 判断设置的屏蔽充电专属视频是否有启用标记
if (videoInfoDict[videoBv].videoChargingExclusive) {
// 标记为屏蔽目标并记录触发的规则
markAsBlockedTarget(videoBv, "屏蔽充电专属视频", videoInfoDict[videoBv].videoUpName);
}
}
// 处理匹配的屏蔽Up主名称或Up主Uid
function handleBlockedNameOrUid(videoBv) {
// 判断是否拿到Up主名称或Up主Uid
if (!videoInfoDict[videoBv].videoUpUid) {
return;
}
// 记录触发的规则内容
let blockedRulesItemText = "";
// 是否启用正则
if (blockedParameter.blockedNameOrUid_UseRegular) {
// 使用 屏蔽Up名称和Uid数组 与 视频Up主Uid 和 视频Up主名称 进行匹配
const blockedNameOrUidHitItem = blockedParameter.blockedNameOrUid_Array.find((blockedNameOrUidItem) => {
// 正则化屏蔽Up主名称、视频Up主Uid
const blockedNameOrUidRegEx = new RegExp(blockedNameOrUidItem);
// 只有UP名称有正则的意义，Uid依然是直接对比
if (blockedNameOrUidRegEx.test(videoInfoDict[videoBv].videoUpName)) {
blockedRulesItemText = videoInfoDict[videoBv].videoUpName;
return true;
}
if (blockedNameOrUidItem == videoInfoDict[videoBv].videoUpUid) {
blockedRulesItemText = videoInfoDict[videoBv].videoUpUid;
return true;
}
});
if (blockedNameOrUidHitItem) {
// 标记为屏蔽目标并记录触发的规则
markAsBlockedTarget(videoBv, "按UP主屏蔽", blockedRulesItemText);
}
} else {
// 使用 屏蔽Up名称和Uid数组 与 视频Up主Uid 和 视频Up主名称 进行匹配
const blockedNameOrUidHitItem = blockedParameter.blockedNameOrUid_Array.find((blockedNameOrUidItem) => {
if (blockedNameOrUidItem == videoInfoDict[videoBv].videoUpName) {
blockedRulesItemText = videoInfoDict[videoBv].videoUpName;
return true;
}
if (blockedNameOrUidItem == videoInfoDict[videoBv].videoUpUid) {
blockedRulesItemText = videoInfoDict[videoBv].videoUpUid;
return true;
}
});
if (blockedNameOrUidHitItem) {
// 标记为屏蔽目标并记录触发的规则
markAsBlockedTarget(videoBv, "按UP主屏蔽", blockedRulesItemText);
}
}
}
// 处理匹配的屏蔽视频分区
function handleBlockedVideoPartitions(videoBv) {
// 判断是否拿到视频分区
if (!videoInfoDict[videoBv].videoPartitions) {
return;
}
// 记录触发的规则内容
let blockedRulesItemText = "";
// 是否启用正则
if (blockedParameter.blockedVideoPartitions_UseRegular) {
// 使用 屏蔽视频分区数组 与 视频分区 进行匹配
const blockedVideoPartitionsHitItem = blockedParameter.blockedVideoPartitions_Array.find(
(blockedVideoPartitionsItem) => {
// 正则化屏蔽视频分区
const blockedVideoPartitionsRegEx = new RegExp(blockedVideoPartitionsItem);
if (blockedVideoPartitionsRegEx.test(videoInfoDict[videoBv].videoPartitions)) {
blockedRulesItemText = videoInfoDict[videoBv].videoPartitions;
return true;
}
}
);
if (blockedVideoPartitionsHitItem) {
// 标记为屏蔽目标并记录触发的规则
markAsBlockedTarget(videoBv, "按视频分区屏蔽", blockedRulesItemText);
}
} else {
// 使用 屏蔽视频分区数组 与 视频分区 进行匹配
const blockedVideoPartitionsHitItem = blockedParameter.blockedVideoPartitions_Array.find(
(blockedVideoPartitionsItem) => {
if (blockedVideoPartitionsItem == videoInfoDict[videoBv].videoPartitions) {
blockedRulesItemText = videoInfoDict[videoBv].videoPartitions;
return true;
}
}
);
if (blockedVideoPartitionsHitItem) {
// 标记为屏蔽目标并记录触发的规则
markAsBlockedTarget(videoBv, "按视频分区屏蔽", blockedRulesItemText);
}
}
}
// API获取视频UP主信息
function getVideoApiUpInfo(videoBv) {
// // 如果已经有BV号对应的记录，跳过
// if (videoInfoDict[videoBv].videoDuration) {
// return;
// }
// 没有拿到UP主的Uid，跳过
if (!videoInfoDict[videoBv].videoUpUid) {
return;
}
const upUid = videoInfoDict[videoBv].videoUpUid;
const currentTime = new Date(); //获取当前时间
// 已经拿到过UP主等级的，并且距离上次的更新时间，小于4小时的，跳过
if (videoUpInfoDict[upUid]?.upLevel && currentTime - videoUpInfoDict[upUid]?.updateTime < 3600000) {
// API获取的UP主等级:
videoInfoDict[videoBv].videoUpLevel = videoUpInfoDict[upUid].upLevel;
// API获取的UP主粉丝数:
videoInfoDict[videoBv].videoUpFans = videoUpInfoDict[upUid].upFans;
// API获取的UP主简介:
videoInfoDict[videoBv].videoUpSign = videoUpInfoDict[upUid].upSign;
return;
}
// 当 lastVideoUpInfoApiRequestTime 上次API获取UP主信息的时间存在，并且，和当前的时间差小于3秒时，跳过
if (
videoInfoDict[videoBv]?.lastVideoUpInfoApiRequestTime &&
currentTime - videoInfoDict[videoBv]?.lastVideoUpInfoApiRequestTime < 3000
) {
// consoleLogOutput(videoBv, "getVideoApiUpInfo() 距离上次 Fetch 获取UP主信息还未超过3秒钟");
return;
}
videoInfoDict[videoBv].lastVideoUpInfoApiRequestTime = currentTime;
// 确保 videoUpInfoDict[upUid] 已定义
if (!videoUpInfoDict[upUid]) {
videoUpInfoDict[upUid] = {};
}
// 通过API获取UP信息
fetch(`https://api.bilibili.com/x/web-interface/card?mid=${upUid}`)
.then((response) => response.json())
.then((videoApiUpInfoJson) => {
// API获取的UP主名称:
videoUpInfoDict[upUid].upName = videoApiUpInfoJson.data.card.name;
// API获取的UP主等级:
videoUpInfoDict[upUid].upLevel = videoApiUpInfoJson.data.card.level_info.current_level;
videoInfoDict[videoBv].videoUpLevel = videoApiUpInfoJson.data.card.level_info.current_level;
// API获取的UP主粉丝数:
videoUpInfoDict[upUid].upFans = videoApiUpInfoJson.data.card.fans;
videoInfoDict[videoBv].videoUpFans = videoApiUpInfoJson.data.card.fans;
// API获取的UP主简介:
videoUpInfoDict[upUid].upSign = videoApiUpInfoJson.data.card.sign;
videoInfoDict[videoBv].videoUpSign = videoApiUpInfoJson.data.card.sign;
// API获取的UP主信息的时间:
const currentTime = new Date(); //获取当前时间
videoUpInfoDict[upUid].updateTime = currentTime;
FuckYouBilibiliRecommendationSystem();
})
.catch((error) => consoleLogOutput(videoBv, "getVideoApiUpInfo() Fetch错误:", error));
}
// 处理匹配的低于指定UP主等级的视频
function handleBlockedBelowUpLevel(videoBv) {
// 没有拿到UP主的Uid，跳过
if (!videoInfoDict[videoBv].videoUpUid) {
return;
}
const upUid = videoInfoDict[videoBv].videoUpUid;
// 没有拿到UP主等级，跳过
if (!videoUpInfoDict[upUid]?.upLevel) {
return;
}
// 判断设置的屏蔽UP主等级 是否大于 视频的UP主等级
if (blockedParameter.blockedBelowUpLevel > videoUpInfoDict[upUid].upLevel) {
// 标记为屏蔽目标并记录触发的规则
markAsBlockedTarget(videoBv, "屏蔽低UP主等级", videoUpInfoDict[upUid].upLevel + "级");
}
}
// 处理匹配的低于指定UP主粉丝数的视频
function handleBlockedBelowUpFans(videoBv) {
// 没有拿到UP主的Uid，跳过
if (!videoInfoDict[videoBv].videoUpUid) {
return;
}
const upUid = videoInfoDict[videoBv].videoUpUid;
// 没有拿到UP主粉丝数，跳过
if (!videoUpInfoDict[upUid].upFans) {
return;
}
// 判断设置的屏蔽UP主粉丝数 是否大于 视频的UP主粉丝数
if (blockedParameter.blockedBelowUpFans > videoUpInfoDict[upUid].upFans) {
// 标记为屏蔽目标并记录触发的规则
markAsBlockedTarget(videoBv, "屏蔽低UP主粉丝数", videoUpInfoDict[upUid].upFans + "人");
}
}
// 处理匹配的包含相关UP主简介的视频
function handleBlockedUpSigns(videoBv) {
// 没有拿到UP主的Uid，跳过
if (!videoInfoDict[videoBv].videoUpUid) {
return;
}
const upUid = videoInfoDict[videoBv].videoUpUid;
// 没有拿到UP主简介，跳过
if (!videoUpInfoDict[upUid].upSign) {
return;
}
// 是否启用正则
if (blockedParameter.blockedUpSigns_UseRegular) {
// 使用 屏蔽UP主简介数组 与 视频UP主简介 进行匹配
const blockedUpSignsHitItem = blockedParameter.blockedUpSigns_Array.find((blockedUpSignsItem) => {
// 正则化屏蔽UP主简介
const blockedUpSignsRegEx = new RegExp(blockedUpSignsItem);
// 判断 正则化的屏蔽UP主简介 是否匹配 视频UP主简介
if (blockedUpSignsRegEx.test(videoUpInfoDict[upUid].upSign)) {
return true;
}
});
if (blockedUpSignsHitItem) {
// 标记为屏蔽目标并记录触发的规则
markAsBlockedTarget(videoBv, "按UP主简介屏蔽", blockedUpSignsHitItem);
}
} else {
// 使用 屏蔽UP主简介 与 视频UP主简介 进行匹配
const blockedUpSignsHitItem = blockedParameter.blockedUpSigns_Array.find((blockedUpSignsItem) => {
// 判断 屏蔽UP主简介 是否匹配 视频UP主简介
if (blockedUpSignsItem === videoUpInfoDict[upUid].upSign) {
return true;
}
});
if (blockedUpSignsHitItem) {
// 标记为屏蔽目标并记录触发的规则
markAsBlockedTarget(videoBv, "按UP主简介屏蔽", blockedUpSignsHitItem);
}
}
}
// API获取视频标签
function getVideoApiTags(videoBv) {
// 如果已经有BV号对应的记录，跳过
if (videoInfoDict[videoBv].videoTags) {
return;
}
// 当 lastVideoTagApiRequestTime 上次API获取视频标签的时间存在，并且，和当前的时间差小于3秒时，跳过
const currentTime = new Date(); //获取当前时间
if (
videoInfoDict[videoBv].lastVideoTagApiRequestTime &&
currentTime - videoInfoDict[videoBv].lastVideoTagApiRequestTime < 3000
) {
// consoleLogOutput(videoBv, "getVideoApiTags() 距离上次 Fetch 获取视频信息还未超过3秒钟");
return;
}
videoInfoDict[videoBv].lastVideoTagApiRequestTime = currentTime;
// 获取视频标签
fetch(`https://api.bilibili.com/x/web-interface/view/detail/tag?bvid=${videoBv}`)
.then((response) => response.json())
.then((videoApiTagsJson) => {
// API获取标签对象，提取标签名字数组
videoInfoDict[videoBv].videoTags = videoApiTagsJson.data.map((tagsArray) => tagsArray.tag_name);
FuckYouBilibiliRecommendationSystem();
})
.catch((error) => consoleLogOutput(videoBv, "getVideoApiTags() Fetch错误:", error));
}
// 处理匹配的屏蔽标签
function handleBlockedTag(videoBv) {
// 判断是否拿到视频标签
if (!videoInfoDict[videoBv].videoTags) {
return;
}
// 记录触发的规则内容
let blockedRulesItemText = "";
// 是否启用正则
if (blockedParameter.blockedTag_UseRegular) {
// 使用 屏蔽标签数组 与 视频标题数组 进行匹配
const blockedTagHitItem = blockedParameter.blockedTag_Array.find((blockedTagItem) => {
// 正则化屏蔽视频标签
const blockedTagRegEx = new RegExp(blockedTagItem);
// 使用 屏蔽标签正则 和 视频标题数组 进行匹配
const videoTagHitItem = videoInfoDict[videoBv].videoTags.find((videoTagItem) =>
blockedTagRegEx.test(videoTagItem)
);
if (videoTagHitItem) {
blockedRulesItemText = videoTagHitItem;
return true;
}
});
if (blockedTagHitItem) {
// 标记为屏蔽目标并记录触发的规则
markAsBlockedTarget(videoBv, "按标签屏蔽", blockedRulesItemText);
}
} else {
// 使用 屏蔽标签数组 与 视频标题数组 进行匹配
const blockedTagHitItem = blockedParameter.blockedTag_Array.find((blockedTagItem) => {
// 使用 屏蔽标签 和 视频标题数组 进行匹配
const videoTagHitItem = videoInfoDict[videoBv].videoTags.find(
(videoTagItem) => blockedTagItem == videoTagItem
);
if (videoTagHitItem) {
blockedRulesItemText = videoTagHitItem;
return true;
}
});
if (blockedTagHitItem) {
// 标记为屏蔽目标并记录触发的规则
markAsBlockedTarget(videoBv, "按标签屏蔽", blockedRulesItemText);
}
}
}
// 处理匹配屏蔽双重屏蔽标签
function handleDoubleBlockedTag(videoBv) {
// 判断是否拿到视频标签
if (!videoInfoDict[videoBv].videoTags) {
return;
}
// 记录触发的规则内容
let blockedRulesItemText = "";
// 是否启用正则
if (blockedParameter.doubleBlockedTag_UseRegular) {
// 使用 双重屏蔽标签数组 与 视频标签 进行匹配
const doubleBlockedTagHitItem = blockedParameter.doubleBlockedTag_Array.find((doubleBlockedTag) => {
// 以 "|" 分割成数组，同时都能匹配上才是符合
const doubleBlockedTagSplitArray = doubleBlockedTag.split("|");
const doubleBlockedTagRegEx0 = new RegExp(doubleBlockedTagSplitArray[0]);
const doubleBlockedTagRegEx1 = new RegExp(doubleBlockedTagSplitArray[1]);
const videoTagHitItem0 = videoInfoDict[videoBv].videoTags.find((videoTagItem) =>
doubleBlockedTagRegEx0.test(videoTagItem)
);
const videoTagHitItem1 = videoInfoDict[videoBv].videoTags.find((videoTagItem) =>
doubleBlockedTagRegEx1.test(videoTagItem)
);
if (videoTagHitItem0 && videoTagHitItem1) {
blockedRulesItemText = `${videoTagHitItem0},${videoTagHitItem1}`;
return true;
}
});
if (doubleBlockedTagHitItem) {
// 标记为屏蔽目标并记录触发的规则
markAsBlockedTarget(videoBv, "按双重标签屏蔽", blockedRulesItemText);
}
} else {
// 使用 双重屏蔽标签数组 与 视频标签 进行匹配
const doubleBlockedTagHitItem = blockedParameter.doubleBlockedTag_Array.find((doubleBlockedTag) => {
// 以 "|" 分割成数组，同时都能匹配上才是符合
const doubleBlockedTagSplitArray = doubleBlockedTag.split("|");
const videoTagHitItem0 = videoInfoDict[videoBv].videoTags.find(
(videoTagItem) => doubleBlockedTagSplitArray[0] == videoTagItem
);
const videoTagHitItem1 = videoInfoDict[videoBv].videoTags.find(
(videoTagItem) => doubleBlockedTagSplitArray[1] == videoTagItem
);
if (videoTagHitItem0 && videoTagHitItem1) {
blockedRulesItemText = `${videoTagHitItem0},${videoTagHitItem1}`;
return true;
}
});
if (doubleBlockedTagHitItem) {
// 标记为屏蔽目标并记录触发的规则
markAsBlockedTarget(videoBv, "按双重标签屏蔽", blockedRulesItemText);
}
}
}
// API获取视频评论区
let apiRequestDelayTime = 0;
function getVideoApiComments(videoBv) {
// 如果已经有BV号对应的记录，跳过
if (videoInfoDict[videoBv].filteredComments === false || videoInfoDict[videoBv].filteredComments === true) {
return;
}
// 当 lastVideoCommentsApiRequestTime 上次API获取视频评论区的时间存在，并且，和当前的时间差小于3秒时，跳过
const currentTime = new Date(); //获取当前时间
if (
videoInfoDict[videoBv].lastVideoCommentsApiRequestTime &&
currentTime - videoInfoDict[videoBv].lastVideoCommentsApiRequestTime < 3000
) {
// consoleLogOutput(videoBv, "getVideoApiComments() 距离上次 Fetch 获取视频信息还未超过3秒钟");
return;
}
// 获取评论区的API貌似对频繁请求的容忍度很低，只能错开来请求，apiRequestDelayTime 延迟。
// 所以设置了每次调用 getVideoApiComments() 都会增加延迟，例如：每次加 50ms 再请求下一个请求。
// lastVideoCommentsApiRequestTime（上次API获取视频评论区的时间） 本质是为了限制每个BV号3秒只能请求一次，
// 但是加了延迟之后，到后面 apiRequestDelayTime 延迟本身就会超过3秒了。
// 还是会出现多次请求的问题，可能影响不大，但是还是把延迟值加进了 lastVideoCommentsApiRequestTime 里面。
// 这也相当于把 lastVideoCommentsApiRequestTime 修正为了正确请求时间。
let apiRequestDelayTimeData = new Date(apiRequestDelayTime);
videoInfoDict[videoBv].lastVideoCommentsApiRequestTime = new Date(
currentTime.getTime() + apiRequestDelayTimeData.getTime()
);
// apiRequestDelayTime 的最大值限制问题
// 如果不做限制的话，这个值可能会无限增大，导致最后加载的视频元素的请求也永远等不到生效时间。
// 以 videoInfoDict 对象的长度来做最大值限制貌似会比较合理一点。但是这个对象也可能会无限增大从而导致后面的请求等太久。
// 如果把 videoInfoDict[videoBv].filteredComments 筛选为 null 后的统计数值x延迟时间，做为最大延迟时间比较好？
// lastVideoCommentsApiRequestTime 也保证了每个Bv号的对应请求3秒只出现一次，这样就不用担心重复请求的问题。
// 但是本质上这一堆处理只是为了：防止频繁请求 https://api.bilibili.com/x/v2/reply 出现拒绝，同时为了效率的问题，每个Bv号只应该请求一次。
// 统计 videoInfoDict 中，视频Bv下面的 filteredComments 不存在的数量。
function filteredCommentsCount() {
let nullCount = 0;
for (const video in videoInfoDict) {
if (videoInfoDict[video].hasOwnProperty("filteredComments") == false) {
nullCount++;
}
}
return nullCount;
}
// 最大的延迟时间上限
let apiRequestDelayTimeMax = filteredCommentsCount() * 100;
// consoleLogOutput("最大的延迟时间上限", apiRequestDelayTimeMax);
// 每次调用增加的延迟 > 最大的延迟时间上限后 重置为0
if (apiRequestDelayTime > apiRequestDelayTimeMax) {
apiRequestDelayTime = 0;
}
setTimeout(() => {
// 设置请求的 URL 和参数
const url = "https://api.bilibili.com/x/v2/reply";
const params = {
type: 1, // 评论区类型代码
oid: videoBv, // 目标评论区 id
sort: 0, // 排序方式，默认为0，0：按时间，1：按点赞数，2：按回复数
ps: 1, // 每页项数，默认为20，定义域：1-20
pn: 1, // 页码，默认为1
nohot: 0, // 是否不显示热评，默认为0，1：不显示，0：显示
};
// 将参数转换为 URL 搜索字符串
const searchParams = new URLSearchParams(params).toString();
// 获取视频评论区
fetch(`${url}?${searchParams}`)
.then((response) => response.json())
.then((VideoApiCommentsJson) => {
// API获取精选评论标记
videoInfoDict[videoBv].filteredComments = VideoApiCommentsJson.data?.control?.web_selection;
// API获取置顶评论内容
videoInfoDict[videoBv].topComment = VideoApiCommentsJson.data.upper.top?.content?.message;
FuckYouBilibiliRecommendationSystem();
})
.catch((error) => consoleLogOutput(videoBv, "getVideoApiComments() Fetch错误:", error));
}, apiRequestDelayTime);
// 每次调用增加的延迟
// consoleLogOutput("本次调用增加延迟", apiRequestDelayTime);
apiRequestDelayTime = apiRequestDelayTime + 100;
}
// 处理匹配 屏蔽精选评论的视频
function handleBlockedFilteredCommentsVideo(videoBv) {
// 判断设置的屏蔽精选评论的视频是否有启用标记
if (videoInfoDict[videoBv].filteredComments) {
// 标记为屏蔽目标并记录触发的规则
markAsBlockedTarget(videoBv, "屏蔽精选评论的视频", videoInfoDict[videoBv].videoUpName);
}
}
// 处理匹配 屏蔽置顶评论内容
function handleBlockedTopComment(videoBv) {
// 判断是否拿到视频置顶评论
if (!videoInfoDict[videoBv].topComment) {
return;
}
// 记录触发的规则内容
// let blockedRulesItemText = "";
// 是否启用正则
if (blockedParameter.blockedTopComment_UseRegular) {
// 使用 屏蔽置顶评论数组 与 置顶评论 进行匹配
const blockedTopCommentHitItem = blockedParameter.blockedTopComment_Array.find((blockedTopComment) => {
// 正则化屏蔽置顶评论
const blockedTitleRegEx = new RegExp(blockedTopComment);
// 判断 正则化的屏蔽置顶评论 是否匹配 置顶评论
if (blockedTitleRegEx.test(videoInfoDict[videoBv].topComment)) {
return true;
}
});
if (blockedTopCommentHitItem) {
// 标记为屏蔽目标并记录触发的规则
markAsBlockedTarget(videoBv, "按置顶评论屏蔽", blockedTopCommentHitItem);
}
} else {
// 使用 屏蔽置顶评论数组 与 置顶评论 进行匹配
const blockedTopCommentHitItem = blockedParameter.blockedTopComment_Array.find((blockedTopComment) => {
// 判断 屏蔽置顶评论 是否匹配 置顶评论
if (blockedTopComment === videoInfoDict[videoBv].topComment) {
return true;
}
});
if (blockedTopCommentHitItem) {
// 标记为屏蔽目标并记录触发的规则
markAsBlockedTarget(videoBv, "按置顶评论屏蔽", blockedTopCommentHitItem);
}
}
}
// 处理匹配的白名单Up主和Uid
function handleWhitelistNameOrUid(videoBv) {
// 判断是否拿到Up主名称或Up主Uid
if (!videoInfoDict[videoBv].videoUpUid) {
return;
}
// 使用 白名单Up主和Uid数组 与 视频Up主Uid 和 视频Up主名称 进行匹配
const videoNameOrUid = blockedParameter.whitelistNameOrUid_Array.find((whitelistNameOrUidItem) => {
if (whitelistNameOrUidItem == videoInfoDict[videoBv].videoUpName) {
return true;
}
if (whitelistNameOrUidItem == videoInfoDict[videoBv].videoUpUid) {
return true;
}
});
if (videoNameOrUid) {
// 标记为白名单目标
videoInfoDict[videoBv].whiteListTargets = true;
}
}
// 热搜项 获取所有热搜项
function getTrendingItemElements() {
let trendingItemElements = document.querySelectorAll("div.trending-item");
return trendingItemElements;
}
// 热搜项 处理匹配屏蔽的热搜项元素
function handleBlockedTrendingItemElements(trendingItem, blockedTrendingItem_Array, useRegex) {
// 重复处理检查
if (trendingItem.style.display === "none" || trendingItem.querySelector(".blockedOverlay")) {
return;
}
// 是否启用正则
if (useRegex) {
// 使用 屏蔽热搜项数组 与 热搜项 进行匹配
const blockedTrendingHitItem = blockedTrendingItem_Array.find((blockedTrendingItem) => {
// 正则化屏蔽热搜项数组
const blockedTrendingItemRegEx = new RegExp(blockedTrendingItem);
// 判断 正则化的屏蔽热搜项数组 是否匹配 热搜项
if (blockedTrendingItemRegEx.test(trendingItem.textContent)) {
return true;
}
});
if (blockedTrendingHitItem) {
// 标记为屏蔽目标并记录触发的规则
addTrendingItemHiddenOrOverlay(trendingItem, blockedTrendingHitItem);
}
} else {
// 使用 屏蔽热搜项数组 与 热搜项 进行匹配
const blockedTrendingHitItem = blockedTrendingItem_Array.find((blockedTrendingItem) => {
// 判断 屏蔽热搜项数组 是否匹配 热搜项
if (blockedTrendingItem === trendingItem.textContent) {
return true;
}
});
if (blockedTrendingHitItem) {
// 标记为屏蔽目标并记录触发的规则
addTrendingItemHiddenOrOverlay(trendingItem, blockedTrendingHitItem);
}
}
}
// 热搜项 隐藏或添加叠加层
function addTrendingItemHiddenOrOverlay(trendingItem, blockedRulesText) {
// 是否为隐藏视频模式？
if (blockedParameter.hideVideoMode_Switch == true) {
trendingItem.style.display = "none";
} else {
// 添加叠加层
// 获取 trendingItem 的尺寸
const elementRect = trendingItem.getBoundingClientRect();
// 叠加层参数(背景)
let overlay = document.createElement("div");
overlay.className = "blockedOverlay";
overlay.style.position = "absolute";
overlay.style.width = elementRect.width - parseFloat(window.getComputedStyle(trendingItem).paddingLeft) + "px"; // 使用 trendingItem 的宽度
overlay.style.height = elementRect.height + "px"; // 使用 trendingItem 的高度
overlay.style.backgroundColor = "rgba(60, 60, 60, 0.85)";
overlay.style.display = "flex";
overlay.style.justifyContent = "center";
overlay.style.alignItems = "center";
overlay.style.zIndex = "10";
overlay.style.backdropFilter = "blur(6px)";
overlay.style.borderRadius = "6px";
// 叠加层文本参数(背景)
let overlayText = document.createElement("div");
overlayText.innerText = blockedRulesText;
overlayText.style.color = "rgb(250,250,250)";
overlay.appendChild(overlayText);
// 添加叠加层为最前面的子元素
trendingItem.insertAdjacentElement("afterbegin", overlay);
}
}
// 隐藏非视频元素
function hideNonVideoElements() {
// 判断当前页面URL是否以 https://www.bilibili.com/ 开头，即首页
if (window.location.href.startsWith("https://www.bilibili.com/")) {
// 隐藏首页的番剧、国创、直播等左上角有标的元素，以及左上角没标的直播
const adElements_home_page = document.querySelectorAll("div.floor-single-card, div.bili-live-card");
adElements_home_page.forEach(function (element) {
element.style.display = "none";
});
}
// 判断当前页面URL是否以 https://search.bilibili.com/all 开头，即搜索页——综合
if (window.location.href.startsWith("https://search.bilibili.com/all")) {
// 隐藏 搜索页——综合 下的 直播卡片
const adElements_live = document.querySelectorAll("div.bili-video-card:has(div.bili-video-card__info--living)");
adElements_live.forEach(function (element) {
element.parentNode.style.display = "none";
element.style.display = "none";
});
// 隐藏 搜索页——综合 下的 课堂卡片
const adElements_cheese = document.querySelectorAll(
'div.bili-video-card:has(a[href^="https://www.bilibili.com/cheese/"])'
);
adElements_cheese.forEach(function (element) {
if (element.parentNode) {
element.parentNode.style.display = "none";
}
});
// 隐藏 搜索页——综合 下的 广告卡片
const adElements_info_ad = document.querySelectorAll("div.bili-video-card:has(div.bili-video-card__info--ad)");
adElements_info_ad.forEach(function (element) {
if (element.parentNode) {
element.parentNode.style.display = "none";
}
});
// 隐藏 搜索页——综合 下的 推广卡片
const adElements_info_ad_creative = document.querySelectorAll(
"div.bili-video-card:has(svg.bili-video-card__info--ad-creative)"
);
adElements_info_ad_creative.forEach(function (element) {
if (element.parentNode) {
element.parentNode.style.display = "none";
}
});
}
// 隐藏首页广告，那些没有“enable-no-interest” CSS类的视频卡片元素
const adElements_3 = document.querySelectorAll("div.bili-video-card.is-rcmd:not(.enable-no-interest)");
adElements_3.forEach(function (element) {
// 检查其父元素是否是 .feed-card
if (element.closest("div.feed-card") !== null) {
// 如果是，选择其父元素并应用样式
element.closest("div.feed-card").style.display = "none";
} else {
// 如果不是，直接在视频元素上应用样式
element.style.display = "none";
}
});
// 隐藏视频播放页右侧广告、视频相关的游戏推荐、视频相关的特殊推荐、大家围观的直播
const adElements_4 = document.querySelectorAll(
"div#slide_ad, a.ad-report, div.video-page-game-card-small, div.video-page-special-card-small, div.video-page-operator-card-small, div.pop-live-small-mode, div.ad-report, div.activity-m-v1, div.video-card-ad-small "
);
adElements_4.forEach(function (element) {
element.style.display = "none";
});
}
// 屏蔽视频或者取消屏蔽视频
function blockedOrUnblocked(videoElement, videoBv, setTimeoutStatu = false) {
// 是白名单目标，是屏蔽目标，没有隐藏、没有叠加层：跳过
if (
videoInfoDict[videoBv].whiteListTargets &&
videoInfoDict[videoBv].blockedTarget &&
videoElement.style.display != "none" &&
videoElement.firstElementChild.className != "blockedOverlay"
) {
return;
}
// 是白名单目标，是屏蔽目标, 有隐藏或有叠加层：去除隐藏或叠加层
if (
videoInfoDict[videoBv].whiteListTargets &&
videoInfoDict[videoBv].blockedTarget &&
(videoElement.style.display == "none" || videoElement.firstElementChild.className == "blockedOverlay")
) {
// 去除叠加层
removeHiddenOrOverlay(videoElement, videoBv, setTimeoutStatu);
return;
}
// 不是白名单目标，是屏蔽目标, 有隐藏或有叠加层：跳过
if (
videoInfoDict[videoBv].whiteListTargets != true &&
videoInfoDict[videoBv].blockedTarget &&
(videoElement.style.display == "none" || videoElement.firstElementChild.className == "blockedOverlay")
) {
return;
}
// 不是白名单目标，是屏蔽目标, 没有隐藏、没有叠加层：隐藏或添加叠加层
if (
videoInfoDict[videoBv].whiteListTargets != true &&
videoInfoDict[videoBv].blockedTarget &&
videoElement.style.display != "none" &&
videoElement.firstElementChild.className != "blockedOverlay"
) {
// 隐藏或添加叠加层
addHiddenOrOverlay(videoElement, videoBv, setTimeoutStatu);
return;
}
// 隐藏或添加叠加层
function addHiddenOrOverlay(videoElement, videoBv, setTimeoutStatu) {
// 是否为隐藏视频模式？
if (blockedParameter.hideVideoMode_Switch == true) {
// 隐藏视频
// 判断当前页面URL是否以 https://search.bilibili.com/ 开头，即搜索页面，修改父元素
if (window.location.href.startsWith("https://search.bilibili.com/")) {
videoElement.parentNode.style.display = "none";
// 为什么改了父元素，还要改元素本身？为了方便上面的判断。
videoElement.style.display = "none";
}
// 如果是父元素是feed-card，修改父元素
else if (videoElement.closest("div.feed-card") !== null) {
videoElement.closest("div.feed-card").style.display = "none";
videoElement.style.display = "none";
} else {
videoElement.style.display = "none";
}
} else {
// 添加叠加层
// Bug记录：
// 位置: 视频播放页面 (即 https://www.bilibili.com/video/BVxxxxxx 页面下)
// 行为: 添加屏蔽叠加层 这个操作 只因为 屏蔽标签 的方式来触发时 (如果还触发了 屏蔽标题 屏蔽短时长 这一类，是不会出现这个Bug的。)
// 症状: 渲染异常，右侧视频推荐列表的封面图片不可见；评论区丢失；页面头部的搜索框丢失 (div.center-search__bar 丢失)；
// 处理: 延迟添加 overlay 可解决，先暂时把元素变成透明/模糊的，等3秒，页面完全加载完了，再创建创建屏蔽叠加层，再把元素改回正常。
// 猜测: 我一开始以为是使用 fetch 获取API造成的，因为只有 屏蔽标签 这个操作必须通过 fetch 获取标签信息的。
// 但是出现 屏蔽标题 屏蔽短时长 多种触发的情况下，又不会触发这个Bug了，想不懂，我也不会调试这种加载过程。
// 在 视频播放页面 "card-box" 创建屏蔽叠加层操作作延迟处理
if (videoElement.firstElementChild.className == "card-box" && setTimeoutStatu == false) {
// 元素先改模糊
// videoElement.style.opacity = "0";
videoElement.style.filter = "blur(5px)";
// 延迟3秒
setTimeout(() => {
// 创建屏蔽叠加层
blockedOrUnblocked(videoElement, videoBv, true);
// 元素再改回正常
// videoElement.style.opacity = "1";
videoElement.style.filter = "none";
}, 3000);
return;
}
// 获取 videoElement 的尺寸
const elementRect = videoElement.getBoundingClientRect();
// 叠加层参数(背景)
let overlay = document.createElement("div");
overlay.className = "blockedOverlay";
overlay.style.position = "absolute";
overlay.style.width = elementRect.width + "px"; // 使用 videoElement 的宽度
overlay.style.height = elementRect.height + "px"; // 使用 videoElement 的高度
overlay.style.backgroundColor = "rgba(60, 60, 60, 0.85)";
overlay.style.display = "flex";
overlay.style.justifyContent = "center";
overlay.style.alignItems = "center";
overlay.style.zIndex = "10";
overlay.style.backdropFilter = "blur(6px)";
overlay.style.borderRadius = "6px";
// 叠加层文本参数(背景)
let overlayText = document.createElement("div");
if (videoElement.firstElementChild.className == "card-box") {
overlayText.style.fontSize = "1.25em";
}
// 使用 videoInfoDict[videoBv] 里面的存储的触发规则的第1条来做为提示文字
overlayText.innerText = videoInfoDict[videoBv].triggeredBlockedRules[0];
overlayText.style.color = "rgb(250,250,250)";
overlay.appendChild(overlayText);
// 添加叠加层为最前面的子元素
videoElement.insertAdjacentElement("afterbegin", overlay);
}
}
// 去除隐藏或叠加层
function removeHiddenOrOverlay(videoElement) {
// 是否为隐藏视频模式？
if (blockedParameter.hideVideoMode_Switch == true) {
// 取消隐藏
// 判断当前页面URL是否以 https://search.bilibili.com/ 开头，即搜索页面
if (window.location.href.startsWith("https://search.bilibili.com/")) {
videoElement.parentNode.style.display = "";
videoElement.style.display = "";
}
// 如果是父元素是feed-card
else if (videoElement.closest("div.feed-card") !== null) {
videoElement.closest("div.feed-card").style.display = "";
videoElement.style.display = "";
} else {
videoElement.style.display = "";
}
} else {
// 删除叠加层
if (videoElement.firstElementChild.className == "blockedOverlay") {
videoElement.removeChild(videoElement.firstElementChild);
}
}
}
}
// 同步屏蔽叠加层与父元素的尺寸
function syncBlockedOverlayAndParentNodeRect() {
// 获取所有的屏蔽叠加层
const blockedOverlays = document.querySelectorAll("div.blockedOverlay");
blockedOverlays.forEach(function (element) {
// 获取父元素的尺寸
const parentNodeElementRect = element.parentNode.getBoundingClientRect();
// 修改屏蔽叠加层的大小
element.style.width = parentNodeElementRect.width + "px"; // 使用 父元素的尺寸 的宽度
element.style.height = parentNodeElementRect.height + "px"; // 使用 父元素的尺寸 的高度
});
}
// -----------------主流程函数----------------------
// 屏蔽Bilibili上的符合屏蔽条件的视频
function FuckYouBilibiliRecommendationSystem() {
// 是否启用 隐藏非视频元素
if (blockedParameter.hideNonVideoElements_Switch) {
// 隐藏非视频元素
hideNonVideoElements();
}
// 判断是否和上次的输出的字典不一样
if (objectDifferent(lastConsoleVideoInfoDict, videoInfoDict)) {
// 输出整个视频信息字典
consoleLogOutput(Object.keys(videoInfoDict).length, "个视频信息: ", videoInfoDict);
// 将本次输出的视频信息字典保存起来作参考
lastConsoleVideoInfoDict = Object.assign({}, videoInfoDict);
}
// 是否启用 隐藏热搜
if (blockedParameter.hideTrending_Switch) {
const trendingModuleElements = document.querySelectorAll("div.trending");
trendingModuleElements.forEach((element) => {
element.style.display = "none";
});
}
// 获取所有热搜项元素
const trendingItemElements = getTrendingItemElements();
// 遍历每个热搜项元素
trendingItemElements.forEach((trendingItemElement) => {
// 启用 屏蔽热搜项
if (blockedParameter.blockedTrendingItem_Switch) {
handleBlockedTrendingItemElements(
trendingItemElement,
blockedParameter.blockedTrendingItem_Array,
blockedParameter.blockedTrendingItem_UseRegular
);
}
// 启用 屏蔽热搜项，按标题、标签的项来
if (blockedParameter.blockedTrendingItemByTitleTag_Switch) {
handleBlockedTrendingItemElements(
trendingItemElement,
blockedParameter.blockedTitle_Array,
blockedParameter.blockedTitle_UseRegular
);
}
});
// 获取所有包含B站视频的元素
const videoElements = getVideoElements();
// 遍历每个视频元素
for (let videoElement of videoElements) {
// 判断是否为已经屏蔽处理过的子元素
if (isAlreadyBlockedChildElement(videoElement)) {
// 如果是已经屏蔽处理过的子元素，跳过后续操作
continue;
}
// 网页获取视频元素的Bv号和标题
let videoBv = getBvAndTitle(videoElement);
// 如果没有拿到Bv号，跳过后续操作
if (!videoBv) {
continue;
}
// 是否启用 屏蔽标题
if (blockedParameter.blockedTitle_Switch && blockedParameter.blockedTitle_Array.length > 0) {
// 判断处理匹配的屏蔽标题
handleBlockedTitle(videoBv);
}
// 网页获取视频Up名和UpUid
getNameAndUid(videoElement, videoBv);
// 通过API获取视频信息（UP名、UID、AV号、时长、分区、播放数、点选数、投币数、充电专属、分辨率）
getVideoApiInfo(videoBv);
// 是否启用 屏蔽Up主名称或Up主Uid
if (blockedParameter.blockedNameOrUid_Switch && blockedParameter.blockedNameOrUid_Array.length > 0) {
// 判断处理匹配的屏蔽Up主名称或Up主Uid
handleBlockedNameOrUid(videoBv);
}
// 是否启用 屏蔽充电专属视频
if (blockedParameter.blockedChargingExclusive_Switch) {
// 判断处理 蔽充电专属视频
handleBlockedChargingExclusive(videoBv);
}
// 是否启用 屏蔽高于指定收藏/投币比的视频
if (
blockedParameter.blockedAboveFavoriteCoinRatio_Switch &&
blockedParameter.blockedAboveFavoriteCoinRatio > 0
) {
// 判断处理 屏蔽高于指定收藏/投币比的视频
handleBlockedAboveFavoriteCoinRatio(videoBv);
}
// 是否启用 屏蔽竖屏视频
if (blockedParameter.blockedPortraitVideo_Switch) {
// 判断处理 屏蔽竖屏视频
handleBlockedPortraitVideo(videoBv);
}
// 是否启用 屏蔽短时长视频
if (blockedParameter.blockedShortDuration_Switch && blockedParameter.blockedShortDuration > 0) {
// 判断处理匹配的短时长视频
handleBlockedShortDuration(videoBv);
}
// 是否启用 屏蔽低播放量视频
if (blockedParameter.blockedBelowVideoViews_Switch && blockedParameter.blockedBelowVideoViews > 0) {
// 判断处理匹配的低播放量视频
handleBlockedBelowVideoViews(videoBv);
}
// 是否启用 屏蔽低于指定点赞率的视频
if (blockedParameter.blockedBelowLikesRate_Switch && blockedParameter.blockedBelowLikesRate > 0) {
// 判断处理 屏蔽低于指定点赞率的视频
handleBlockedBelowLikesRate(videoBv);
}
// 是否启用 屏蔽低于指定投币率的视频
if (blockedParameter.blockedBelowCoinRate_Switch && blockedParameter.blockedBelowCoinRate > 0) {
// 判断处理 屏蔽低于指定投币率的视频
handleBlockedBelowCoinRate(videoBv);
}
// 是否启用 屏蔽视频分区
if (
blockedParameter.blockedVideoPartitions_Switch &&
blockedParameter.blockedVideoPartitions_Array.length > 0
) {
// 判断处理匹配 屏蔽视频分区
handleBlockedVideoPartitions(videoBv);
}
// 是否需要 API获取视频UP主信息
if (
(blockedParameter.blockedBelowUpLevel_Switch && blockedParameter.blockedBelowUpLevel > 0) ||
(blockedParameter.blockedBelowUpFans_Switch && blockedParameter.blockedBelowUpFans > 0) ||
(blockedParameter.blockedUpSigns_Switch && blockedParameter.blockedUpSigns_Array.length > 0)
) {
// 判断请求 API获取视频UP主信息
getVideoApiUpInfo(videoBv);
}
// 是否启用 屏蔽低于指定UP主等级的视频
if (blockedParameter.blockedBelowUpLevel_Switch && blockedParameter.blockedBelowUpLevel > 0) {
// 判断处理匹配的低于指定UP主等级的视频
handleBlockedBelowUpLevel(videoBv);
}
// 是否启用 屏蔽低于指定UP主粉丝数的视频
if (blockedParameter.blockedBelowUpFans_Switch && blockedParameter.blockedBelowUpFans > 0) {
// 判断处理匹配的低于指定UP主粉丝数的视频
handleBlockedBelowUpFans(videoBv);
}
// 是否启用 屏蔽包含相关UP主简介的视频
if (blockedParameter.blockedUpSigns_Switch && blockedParameter.blockedUpSigns_Array.length > 0) {
// 判断处理匹配的包含相关UP主简介的视频
handleBlockedUpSigns(videoBv);
}
// 是否需要 API获取视频标签
if (
(blockedParameter.blockedTag_Switch && blockedParameter.blockedTag_Array.length > 0) ||
(blockedParameter.doubleBlockedTag_Switch && blockedParameter.doubleBlockedTag_Array.length > 0)
) {
// 判断请求 API获取视频标签
getVideoApiTags(videoBv);
}
// 是否启用 屏蔽标签
if (blockedParameter.blockedTag_Switch && blockedParameter.blockedTag_Array.length > 0) {
// 判断处理 屏蔽标签
handleBlockedTag(videoBv);
}
// 是否启用 屏蔽双重屏蔽标签
if (blockedParameter.doubleBlockedTag_Switch && blockedParameter.doubleBlockedTag_Array.length > 0) {
// 判断处理 屏蔽双重屏蔽标签
handleDoubleBlockedTag(videoBv);
}
// 是否需要 API获取视频评论区
if (
blockedParameter.blockedFilteredCommentsVideo_Switch ||
(blockedParameter.blockedTopComment_Switch && blockedParameter.blockedTopComment_Array.length > 0)
) {
// 判断请求 API获取视频评论区
getVideoApiComments(videoBv);
}
// 是否启用 屏蔽精选评论的视频
if (blockedParameter.blockedFilteredCommentsVideo_Switch) {
// 判断处理 屏蔽精选评论的视频
handleBlockedFilteredCommentsVideo(videoBv);
}
// 是否启用 屏蔽置顶评论
if (blockedParameter.blockedTopComment_Switch && blockedParameter.blockedTopComment_Array.length > 0) {
// 判断处理 屏蔽精选评论的视频
handleBlockedTopComment(videoBv);
}
// 是否启用 白名单Up主和Uid
if (blockedParameter.whitelistNameOrUid_Switch && blockedParameter.whitelistNameOrUid_Array.length > 0) {
// 判断处理 白名单Up主和Uid
handleWhitelistNameOrUid(videoBv);
}
// 屏蔽或者取消屏蔽
blockedOrUnblocked(videoElement, videoBv);
// 同步屏蔽叠加层与父元素的尺寸
syncBlockedOverlayAndParentNodeRect();
}
}
// 页面加载完成后运行脚本
window.addEventListener("load", FuckYouBilibiliRecommendationSystem);
// 窗口尺寸变化时运行脚本
window.addEventListener("resize", FuckYouBilibiliRecommendationSystem);
// 定义 MutationObserver 的回调函数
function mutationCallback() {
// 在这里运行你的脚本
FuckYouBilibiliRecommendationSystem();
}
// 创建一个 MutationObserver 实例，观察 body 元素的子节点变化
let observer = new MutationObserver(mutationCallback);
let targetNode = document.body;
// 配置观察器的选项
let config = { childList: true, subtree: true };
// 启动观察器并传入回调函数和配置选项
observer.observe(targetNode, config);