视频检测设置面板，样式自定义、临界时长调整，支持禁用检测恢复原样，添加自定义规则
// ==UserScript==
// @name Bilibili隐藏短视频
// @namespace http://tampermonkey.net/
// @version 6.4
// @description 视频检测设置面板，样式自定义、临界时长调整，支持禁用检测恢复原样，添加自定义规则
// @match *://www.bilibili.com/*
// @grant GM_registerMenuCommand
// @license GPL 2.0
// ==/UserScript==
(function () {
'use strict';
let minDuration = parseInt(localStorage.getItem('minDuration')) || 300;
let debounceDelay = parseInt(localStorage.getItem('debounceDelay')) || 500;
let isActive = JSON.parse(localStorage.getItem('isActive')) || true;
let isPanelVisible = JSON.parse(localStorage.getItem('isPanelVisible')) || false;
let styleChoice = localStorage.getItem('styleChoice') || '半透明';
let detectedElements = [];
let customRules = JSON.parse(localStorage.getItem('customRules')) || [];
let settings = {
warnMarketingAccount: JSON.parse(localStorage.getItem('warnMarketingAccount')) || true,
warnLowQualityName: JSON.parse(localStorage.getItem('warnLowQualityName')) || true,
warnClickbaitTitle: JSON.parse(localStorage.getItem('warnClickbaitTitle')) || true,
warnFakeHacker: JSON.parse(localStorage.getItem('warnFakeHacker')) || true,
warnPseudoScience: JSON.parse(localStorage.getItem('warnPseudoScience')) || true,
};
function initControlPanel() {
if (document.getElementById("controlPanel")) return;
const panel = document.createElement("div");
panel.style.position = "fixed";
panel.style.top = "10px";
panel.style.right = "10px";
panel.style.width = "260px";
panel.style.padding = "10px";
panel.style.backgroundColor = "#f9f9f9";
panel.style.border = "1px solid #ccc";
panel.style.borderRadius = "8px";
panel.style.boxShadow = "0px 0px 10px rgba(0, 0, 0, 0.1)";
panel.style.zIndex = "9999";
panel.id = "controlPanel";
panel.style.display = isPanelVisible ? "block" : "none";
panel.innerHTML = `
<h3>检测设置 <span id="closePanel" style="cursor:pointer;float:right;">×</span></h3>
<label>分界时间 (秒): <input type="number" id="minDuration" value="${minDuration}"></label><br>
<label>防抖延迟 (毫秒): <input type="number" id="debounceDelay" value="${debounceDelay}"></label><br>
<label>样式选择:
<select id="styleChoice">
<option value="半透明" ${styleChoice === '半透明' ? 'selected' : ''}>半透明</option>
<option value="边框高亮" ${styleChoice === '边框高亮' ? 'selected' : ''}>边框高亮</option>
<option value="背景高亮" ${styleChoice === '背景高亮' ? 'selected' : ''}>背景高亮</option>
</select>
</label><br>
<label><input type="checkbox" id="warnMarketingAccount" ${settings.warnMarketingAccount ? 'checked' : ''}> 警惕营销号</label><br>
<label><input type="checkbox" id="warnLowQualityName" ${settings.warnLowQualityName ? 'checked' : ''}> 小心科技区小学生低质视频</label><br>
<label><input type="checkbox" id="warnClickbaitTitle" ${settings.warnClickbaitTitle ? 'checked' : ''}> 小心标题党</label><br>
<label><input type="checkbox" id="warnFakeHacker" ${settings.warnFakeHacker ? 'checked' : ''}> 警惕假黑客</label><br>
<label><input type="checkbox" id="warnPseudoScience" ${settings.warnPseudoScience ? 'checked' : ''}> 小心伪科普</label><br>
<button id="toggleDetection">${isActive ? "禁用检测" : "启用检测"}</button>
<button id="addCustomRule">添加自定义规则</button>
<button id="clearLogs">清空日志</button>
<h4>检测日志</h4>
<div id="logInfo" style="height: 100px; overflow-y: auto; background: #e9e9e9; padding: 5px; border-radius: 4px;"></div>
`;
document.body.appendChild(panel);
document.getElementById("toggleDetection").onclick = toggleDetection;
document.getElementById("closePanel").onclick = closePanel;
document.getElementById("minDuration").onchange = updateSettings;
document.getElementById("debounceDelay").onchange = updateSettings;
document.getElementById("styleChoice").onchange = updateSettings;
document.getElementById("warnMarketingAccount").onchange = updateSettings;
document.getElementById("warnLowQualityName").onchange = updateSettings;
document.getElementById("warnClickbaitTitle").onchange = updateSettings;
document.getElementById("warnFakeHacker").onchange = updateSettings;
document.getElementById("warnPseudoScience").onchange = updateSettings;
document.getElementById("addCustomRule").onclick = addCustomRule;
document.getElementById("clearLogs").onclick = clearLogs;
}
function toggleDetection() {
isActive = !isActive;
localStorage.setItem("isActive", isActive);
document.getElementById("toggleDetection").textContent = isActive ? "禁用检测" : "启用检测";
if (!isActive) {
clearMarkers();
} else {
runDetection();
}
}
function closePanel() {
isPanelVisible = false;
localStorage.setItem("isPanelVisible", isPanelVisible);
document.getElementById("controlPanel").style.display = "none";
}
function updateSettings() {
minDuration = parseInt(document.getElementById("minDuration").value);
debounceDelay = parseInt(document.getElementById("debounceDelay").value);
styleChoice = document.getElementById("styleChoice").value;
settings.warnMarketingAccount = document.getElementById("warnMarketingAccount").checked;
settings.warnLowQualityName = document.getElementById("warnLowQualityName").checked;
settings.warnClickbaitTitle = document.getElementById("warnClickbaitTitle").checked;
settings.warnFakeHacker = document.getElementById("warnFakeHacker").checked;
settings.warnPseudoScience = document.getElementById("warnPseudoScience").checked;
localStorage.setItem("minDuration", minDuration);
localStorage.setItem("debounceDelay", debounceDelay);
localStorage.setItem("styleChoice", styleChoice);
localStorage.setItem("warnMarketingAccount", settings.warnMarketingAccount);
localStorage.setItem("warnLowQualityName", settings.warnLowQualityName);
localStorage.setItem("warnClickbaitTitle", settings.warnClickbaitTitle);
localStorage.setItem("warnFakeHacker", settings.warnFakeHacker);
localStorage.setItem("warnPseudoScience", settings.warnPseudoScience);
runDetection();
}
function addCustomRule() {
const rule = prompt("请输入自定义规则（格式：关键词:提示）");
if (rule) {
const [keyword, tip] = rule.split(":");
if (keyword && tip) {
customRules.push({ keyword: keyword.trim(), tip: tip.trim() });
localStorage.setItem("customRules", JSON.stringify(customRules));
} else {
alert("规则格式不正确，请使用“关键词:提示”的格式！");
}
}
}
function clearLogs() {
detectedElements = [];
document.getElementById("logInfo").innerHTML = "";
}
function updateLogInfo() {
const logDiv = document.getElementById("logInfo");
logDiv.innerHTML = `
当前检测到的视频数量：${detectedElements.length}<br>
索引位置：${detectedElements.map((elem) => elem.index).join(", ")}
`;
}
function convertDurationToSeconds(durationText) {
const timeParts = durationText.split(":").map(Number);
if (timeParts.length === 2) {
return timeParts[0] * 60 + timeParts[1];
} else if (timeParts.length === 3) {
return timeParts[0] * 3600 + timeParts[1] * 60 + timeParts[2];
}
return 0;
}
function clearMarkers() {
detectedElements.forEach((item) => {
item.element.style.opacity = "1";
item.element.style.border = "";
item.element.style.backgroundColor = "";
const warning = item.element.querySelector(".short-video-warning");
if (warning) warning.remove();
});
detectedElements = [];
updateLogInfo();
}
function applyStyle(element, warningText) {
if (styleChoice === "半透明") {
element.style.opacity = "0.5";
} else if (styleChoice === "边框高亮") {
element.style.border = "2px solid red";
} else if (styleChoice === "背景高亮") {
element.style.backgroundColor = "rgba(255, 0, 0, 0.2)";
}
if (warningText) {
const warning = document.createElement("div");
warning.className = "short-video-warning";
warning.style.position = "absolute";
warning.style.top = "10px";
warning.style.left = "10px";
warning.style.padding = "4px 8px";
warning.style.backgroundColor = "rgba(255, 0, 0, 1)"; // 不透明
warning.style.color = "white";
warning.style.fontSize = "12px";
warning.style.fontWeight = "bold";
warning.style.borderRadius = "4px";
warning.style.zIndex = "10";
warning.textContent = warningText;
element.style.position = "relative";
element.appendChild(warning);
}
}
function processVideoCards() {
const videoSelectors = ['.bili-video-card', '.video-page-card-small'];
videoSelectors.forEach((selector) => {
const videoCards = document.querySelectorAll(selector);
videoCards.forEach((card, index) => {
if (detectedElements.find((elem) => elem.element === card)) return;
const followedElement = card.querySelector('.bili-video-card__info--icon-text') || card.querySelector('.upname .name');
if (followedElement && followedElement.textContent.includes('已关注')) return;
const upNameElement = card.querySelector('.bili-video-card__info--author') || card.querySelector('.upname .name');
const titleElement = card.querySelector('.bili-video-card__info--tit a') || card.querySelector('.title a');
const durationElement = card.querySelector('.bili-video-card__stats__duration') || card.querySelector('.duration');
let warningText = "";
// 检测营销号
if (settings.warnMarketingAccount && upNameElement && upNameElement.textContent.includes("观察")) {
warningText = "警惕营销号";
}
// 检测低质量视频
else if (settings.warnLowQualityName && upNameElement && (upNameElement.textContent.match(/_/g) || []).length >= 2) {
warningText = "小心科技区小学生低质视频";
}
// 检测标题党
else if (settings.warnClickbaitTitle && titleElement && (titleElement.textContent.match(/!/g) || []).length >= 2) {
warningText = "小心标题党";
}
// 检测假黑客
else if (settings.warnFakeHacker && upNameElement && /(黑客|网安|白帽)/.test(upNameElement.textContent)) {
warningText = "警惕假黑客";
}
// 检测伪科普
else if (settings.warnPseudoScience && titleElement && /(禁止废话|废话)/.test(titleElement.textContent)) {
warningText = "小心伪科普";
}
// 自定义规则检测
else {
for (let rule of customRules) {
if ((upNameElement && upNameElement.textContent.includes(rule.keyword)) || (titleElement && titleElement.textContent.includes(rule.keyword))) {
warningText = rule.tip;
break;
}
}
}
// 检测短视频
if (!warningText && durationElement) {
const durationText = durationElement.textContent.trim();
const durationInSeconds = convertDurationToSeconds(durationText);
if (durationInSeconds < minDuration) {
warningText = durationInSeconds < 60 ? "小心沉迷短视频！" : "短视频";
}
}
if (warningText) {
applyStyle(card, warningText);
detectedElements.push({ element: card, index });
updateLogInfo();
}
});
});
}
// 防抖函数定义
function debounce(func, delay) {
let timeout;
return function (...args) {
clearTimeout(timeout);
timeout = setTimeout(() => func.apply(this, args), delay);
};
}
const observer = new MutationObserver(debounce(() => {
if (isActive) runDetection();
}, debounceDelay));
function runDetection() {
clearMarkers();
processVideoCards();
}
initControlPanel();
observer.observe(document.body, { childList: true, subtree: true });
GM_registerMenuCommand("显示/隐藏控制面板", () => {
isPanelVisible = !isPanelVisible;
localStorage.setItem("isPanelVisible", isPanelVisible);
document.getElementById("controlPanel").style.display = isPanelVisible ? "block" : "none";
});
})();