Better Bilibili 是一款Tampermonkey脚本，旨在为您提供更清爽、无广告的B站浏览体验。它能自动过滤广告、推广内容，并允许您根据播放量、视频时长、UP主、标题关键词和分区等多种条件自定义隐藏视频，让您的B站首页和视频页面只显示您真正感兴趣的内容。轻松配置，即刻享受纯净B站！
当前为
// ==UserScript==
// @name B站净化器
// @namespace http://tampermonkey.net/
// @version 1.1
// @description Better Bilibili 是一款Tampermonkey脚本，旨在为您提供更清爽、无广告的B站浏览体验。它能自动过滤广告、推广内容，并允许您根据播放量、视频时长、UP主、标题关键词和分区等多种条件自定义隐藏视频，让您的B站首页和视频页面只显示您真正感兴趣的内容。轻松配置，即刻享受纯净B站！
// @author Kiyuiro
// @match https://*.bilibili.com/*
// @icon https://www.bilibili.com/favicon.ico
// @grant none
// @license Apache-2.0
// ==/UserScript==
(function () {
'use strict';
function findElement(selector, timeout = 5000, interval = 50) {
return new Promise((resolve) => {
const start = Date.now();
function check() {
const element = document.querySelector(selector);
if (element) {
resolve(element);
} else if (Date.now() - start >= timeout) {
resolve(undefined);
} else {
setTimeout(check, interval);
}
}
check();
});
}
function findElements(selector, timeout = 5000, interval = 50) {
return new Promise((resolve) => {
const start = Date.now();
function check() {
const elements = document.querySelectorAll(selector) || [];
if (elements.length > 0) {
resolve(elements);
} else if (Date.now() - start >= timeout) {
resolve([]);
} else {
setTimeout(check, interval);
}
}
check();
});
}
function parseDuration(duration) {
const parts = duration.split(':').map(Number);
let hours = 0, minutes = 0, seconds = 0;
if (parts.length === 2) {
// mm:ss 格式
[minutes, seconds] = parts;
} else if (parts.length === 3) {
// hh:mm:ss 格式
[hours, minutes, seconds] = parts;
} else {
throw new Error('Invalid duration format');
}
return hours * 3600 + minutes * 60 + seconds;
}
const path = window.location.href;
const paths = path.split('/').filter(it => it.length > 0);
// 广告tips
async function adblockClear() {
const adblock = await findElement('.adblock-tips');
if (adblock) {
adblock.remove();
}
}
// 视频过滤
function videoFilter() {
const config = JSON.parse(localStorage.getItem('BiliFilterConfig')) || [];
console.log(config);
// 广告过滤
const filterByAd = (it) => {
if (!config.ad) return false;
const el = it.querySelector('.bili-video-card__stats--text')
return !!(el && el.innerHTML === '广告');
}
// 播放量过滤
const filterByPlayCount = (it) => {
if (!config.video?.playCount) return false;
const el = it.querySelector('.bili-video-card__stats--text')
if (!el || el.innerHTML === '广告') return false;
let count;
const countText = el.innerHTML;
if (countText.includes('万')) {
count = parseFloat(countText.replace('万', '')) * 10000;
} else if (countText.includes('亿')) {
count = parseFloat(countText.replace('亿', '')) * 100000000;
} else {
count = parseInt(countText);
}
return count < config.video.playCount;
}
// 时长过滤
const filterByDuration = (it) => {
if (!config.video?.playCount) return false;
const el = it.querySelector('.bili-video-card__stats__duration')
if (!el) return false;
const configDuration = parseDuration(config.video.duration);
const duration = parseDuration(el.innerHTML);
return duration < configDuration;
}
// 推广过滤
const filterByProm = (it) => {
if (!config.prom) return false;
const el = it.querySelector('.vui_icon');
return !!el;
}
// UP主过滤
const filterByUp = (it) => {
if (!config.upList || config.upList.length === 0) return false;
const el = it.querySelector('.bili-video-card__info--author');
if (!el) return false;
return config.upList.some(up => el.title.includes(up));
}
// 标题过滤
const filterByTitle = (it) => {
if (!config.titleList || config.titleList.length === 0) return false;
const el = it.querySelector('.bili-video-card__info--tit')
if (!el) return false;
return config.titleList.find(title => el.title.includes(title));
}
// 分区过滤
const filterByPart = (it) => {
if (!config.partList || config.partList.length === 0) return false;
const el = it.querySelector('.floor-title');
if (!el) return false;
const isAll = config.partList[0] === 'ALL';
return isAll || config.partList.some(part => el.title.includes(part));
}
// 空元素清除
const filterByNull = (it) => {
return it.innerHTML.length < 1;
}
// 过滤
const filters = [
filterByAd,
filterByPlayCount,
filterByDuration,
filterByProm,
filterByUp,
filterByTitle,
filterByPart,
filterByNull
];
const process = (items) => {
items.forEach(it => {
if (filters.some(filter => filter(it))) {
it.remove();
}
})
}
// 初始化 MutationObserver
const observer = new MutationObserver(mutations => {
mutations.forEach(mutation => {
if (mutation.type === 'childList') {
mutation.addedNodes.forEach(node => {
if (node.nodeType !== 1) return;
let items;
if (node.matches('.feed-card, .bili-feed-card, .floor-single-card')) {
items = [node];
} else {
items = Array.from(node.querySelectorAll('.feed-card, .bili-feed-card, .floor-single-card'));
}
process(items)
});
}
});
});
observer.observe(document.body, {childList: true, subtree: true});
findElements('.feed-card, .bili-feed-card, .floor-single-card').then(items => {
process(items)
})
}
// 视频页
async function videoPage() {
if (paths.indexOf('video') === -1) {
return
}
// 删除投币展示框
setInterval(async () => {
const toubi = await findElement('.bili-danmaku-x-guide-all');
if (toubi) {
toubi.remove();
}
}, 100)
// 删除视频下广告
setInterval(async () => {
const ads = await findElements('.ad-report, #slide_ad, .activity-m-v1, .video-page-game-card-small');
if (ads) {
ads.forEach(ad => {
ad.innerHTML = "";
});
}
}, 100);
// 多 p 视频列表扩展
const list = await findElement('.video-pod__body');
const video = await findElement('.bpx-player-video-area')
if (list) {
if (video) {
setInterval(() => {
list.style.maxHeight = video.offsetHeight - 165 + 'px'
}, 10)
} else {
list.style.maxHeight = '400px';
}
}
}
// 添加配置窗口
function addConfigOverlay() {
// 过滤配置
// 定义配置窗口的 HTML、CSS 和 JavaScript
const configHtml = `
<div id="BiliFilterConfigOverlay" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
<div id="configWindow" class="config-window-container">
<!-- 视频过滤设置 -->
<div class="config-section">
<h3 class="text-xl font-semibold mb-4 text-center">视频过滤设置</h3>
<!-- 广告 -->
<div class="flex items-center mb-4">
<label for="adToggle" class="switch-label">广告</label>
<label class="switch">
<input type="checkbox" id="adToggle" checked>
<span class="slider round"></span>
</label>
</div>
<!-- 推广 -->
<div class="flex items-center mb-4">
<label for="promToggle" class="switch-label">推广</label>
<label class="switch">
<input type="checkbox" id="promToggle" checked>
<span class="slider round"></span>
</label>
</div>
<label for="videoPlayCount">播放量：</label>
<input type="text" id="videoPlayCount" placeholder="输入播放量（例如：10000）">
<label for="videoDuration">视频时长：</label>
<input type="text" id="videoDuration" placeholder="输入视频时长（例如：05:30）">
<label for="upList">UP过滤：</label>
<textarea id="upList" placeholder="每行输入一个 UP 名称"></textarea>
<label for="titleList">标题过滤：</label>
<textarea id="titleList" placeholder="每行输入一个标题"></textarea>
<label for="partList">分区过滤(填写ALL表示所有分区)：</label>
<textarea id="partList" placeholder="每行输入一个分区，例如：直播、游戏、综艺"></textarea>
</div>
<!-- 按钮 -->
<button id="saveConfig" class="bg-green-500 text-white px-4 py-2 rounded-md hover:bg-green-600">保存配置</button>
<button id="closeConfig" class="bg-red-500 text-white px-4 py-2 rounded-md hover:bg-red-600">关闭</button>
</div>
</div>
`;
const configCss = `
.config-window-container {
background-color: #ffffff;
padding: 30px;
border-radius: 12px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
width: 100%;
max-width: 500px;
box-sizing: border-box;
max-height: 80vh; /* 设置最大高度为视口高度的 80% */
overflow-y: auto; /* 启用垂直滚动 */
}
.config-window-container h2, .config-window-container h3 {
text-align: center;
color: #1f2937;
margin-bottom: 25px;
font-weight: 700;
}
.config-section {
margin-bottom: 20px;
padding: 20px;
border: 1px solid #e5e7eb;
border-radius: 8px;
background-color: #f9fafb;
}
.config-section label {
display: block;
margin-bottom: 10px;
font-weight: 600;
color: #374151;
font-size: 0.95rem;
}
.config-section textarea,
.config-section input[type="text"] {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #d1d5db;
border-radius: 6px;
box-sizing: border-box;
min-height: 40px;
resize: vertical;
font-size: 0.9rem;
color: #4b5563;
}
.config-section textarea {
min-height: 80px;
}
.subsection {
margin-top: 20px;
padding-top: 15px;
border-top: 1px dashed #d1d5db;
}
/* 开关样式 */
.config-window-container .switch {
position: relative;
display: inline-block;
width: 50px;
height: 20px;
vertical-align: middle;
}
.config-window-container .switch input {
opacity: 0;
width: 0;
height: 0;
}
.config-window-container .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #d1d5db;
transition: .4s;
border-radius: 28px;
}
.config-window-container .slider:before {
position: absolute;
content: "";
height: 16px;
width: 24px;
left: 2px;
bottom: 2px;
background-color: white;
transition: .4s;
border-radius: 28px;
}
.config-window-container input:checked + .slider {
background-color: #2563eb;
}
.config-window-container input:focus + .slider {
box-shadow: 0 0 1px #2563eb;
}
.config-window-container input:checked + .slider:before {
transform: translateX(22px);
}
.switch-label {
display: inline-block;
vertical-align: middle;
color: #374151;
font-weight: 600;
margin-right: 15px;
}
/* 隐藏的元素 */
.config-window-container .hidden {
display: none !important; /* 使用 !important 确保覆盖 Tailwind 的 display */
}
.security_content {
box-sizing: content-box !important;
}
`;
// 注入 Tailwind CSS CDN
const tailwindScript = document.createElement('script');
tailwindScript.src = 'https://cdn.tailwindcss.com';
document.head.appendChild(tailwindScript);
// 注入自定义 CSS
const styleElement = document.createElement('style');
styleElement.textContent = configCss;
document.head.appendChild(styleElement);
// 注入配置窗口 HTML
document.body.insertAdjacentHTML('beforeend', configHtml);
// 配置窗口的 DOM 元素
const biliFilterConfigOverlay = document.getElementById('BiliFilterConfigOverlay');
// 注入配置按钮，在头像下面
const interval = setInterval(async () => {
const links = await findElement('.links-item', 1000);
if (links) {
const configButton = document.createElement('div');
configButton.className = 'single-link-item';
configButton.insertAdjacentHTML('beforeend', `
<div class="link-title"><svg t="1752405413351" class="link-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7688" width="18" height="18"><path d="M512 298.705455a212.014545 212.014545 0 0 0-150.900364 62.487272 212.014545 212.014545 0 0 0-62.510545 150.900364 212.014545 212.014545 0 0 0 62.510545 150.900364A212.014545 212.014545 0 0 0 512 725.504a212.014545 212.014545 0 0 0 150.900364-62.510545 212.014545 212.014545 0 0 0 62.510545-150.900364 212.014545 212.014545 0 0 0-62.510545-150.900364A212.014545 212.014545 0 0 0 512 298.705455z m0 362.58909A149.504 149.504 0 0 1 362.705455 512 149.504 149.504 0 0 1 512 362.705455 149.504 149.504 0 0 1 661.294545 512 149.504 149.504 0 0 1 512 661.294545z m448-57.297454v-183.994182l-105.099636-30.603636c-4.002909-11.194182-8.610909-22.295273-13.800728-33.093818l52.712728-96-130.094546-130.094546-95.906909 52.596364a371.432727 371.432727 0 0 0-33.303273-13.917091l-30.487272-104.890182h-184.017455l-30.487273 104.890182c-11.310545 4.119273-22.504727 8.704-33.326545 13.917091l-95.883636-52.596364-130.094546 130.094546 52.689455 96.116363a371.432727 371.432727 0 0 0-13.893819 33.28L64 419.909818v183.994182l105.192727 30.906182c4.096 11.170909 8.704 22.295273 13.800728 33.093818L130.094545 763.694545l130.094546 130.094546 96.209454-52.48c10.891636 5.189818 21.992727 9.774545 33.28 13.800727l30.324364 104.890182h183.994182l30.813091-105.006545c11.287273-4.096 22.481455-8.704 33.28-13.893819l95.604363 52.805819 130.094546-130.094546-52.596364-96.302545c5.12-10.705455 9.611636-21.713455 13.707637-32.907637l105.099636-30.603636z m-124.695273-22.993455h-20.712727l-6.493091 21.294546a311.156364 311.156364 0 0 1-22.900364 55.109818l-10.496 19.688727 15.290182 15.313455 35.304728 64.581818-68.305455 68.119273-65.792-36.305455-14.103273-14.010182-19.688727 10.496a308.596364 308.596364 0 0 1-55.109818 22.900364l-21.410909 6.516364v21.410909l-20.689455 70.586182H463.825455l-20.805819-72.215273v-19.781818l-21.410909-6.516364a308.596364 308.596364 0 0 1-55.086545-22.900364l-19.781818-10.589091-15.127273 15.290182-64.581818 35.211637-68.119273-68.096 36.305455-65.815273 14.103272-14.103273-10.496-19.688727a305.570909 305.570909 0 0 1-22.900363-55.109818l-6.516364-21.294546h-21.480727l-70.609455-20.712727v-96.372364l72.215273-20.805818h19.898182l6.493091-21.294545c5.701818-18.804364 13.498182-37.306182 22.900363-55.109818l10.496-19.712-14.708363-14.685091-35.700364-65.396364 68.119273-68.119273 65.186909 35.816728 14.615273 14.592 19.688727-10.496a301.428364 301.428364 0 0 1 55.109818-22.900364l21.410909-6.516364v-20.48l20.782546-71.400727h96.395636l20.805818 71.400727v20.48l21.410909 6.516364a305.570909 305.570909 0 0 1 55.086546 22.900364l19.898181 10.58909 14.49891-14.801454 65.093818-35.700364 68.119272 68.119273-35.816727 65.186909-14.685091 14.708364 10.472728 19.688727c9.425455 17.687273 17.128727 36.212364 22.923636 55.109818l6.516364 21.294546h20.689454l71.400727 20.805818v96.395636l-71.307636 20.805818z" fill="#61666D" p-id="7689"></path></svg><span>过滤配置</span><!----></div>
`);
links.appendChild(configButton);
configButton.addEventListener('click', () => {
biliFilterConfigOverlay.classList.remove('hidden'); // 显示配置窗口
});
clearInterval(interval)
}
}, 1200);
// 配置窗口的 JavaScript 逻辑
// 确保在 DOM 元素可用后再执行
tailwindScript.onload = () => { // 等待 Tailwind 加载完成
const saveConfigButton = document.getElementById('saveConfig');
const closeConfigButton = document.getElementById('closeConfig');
// 收集所有配置数据并返回一个对象
const collectConfigData = () => {
return {
ad: document.getElementById('adToggle').checked,
prom: document.getElementById('promToggle').checked,
upList: document.getElementById('upList').value.split('\n').filter(item => item.trim() !== ''),
titleList: document.getElementById('titleList').value.split('\n').filter(item => item.trim() !== ''),
partList: document.getElementById('partList').value.split('\n').filter(item => item.trim() !== ''),
video: {
playCount: parseInt(document.getElementById('videoPlayCount').value.trim()),
duration: document.getElementById('videoDuration').value.trim()
},
};
};
// 保存配置按钮点击事件
saveConfigButton.addEventListener('click', () => {
const config = collectConfigData();
console.log('保存的配置数据:', config);
// 将配置数据保存到 localStorage
localStorage.setItem('BiliFilterConfig', JSON.stringify(config));
const messageBox = document.createElement('div');
messageBox.className = 'fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50';
messageBox.innerHTML = `
<div class="bg-white p-6 rounded-lg shadow-xl text-center">
<p class="text-lg font-semibold mb-4">配置已保存，刷新页面生效。</p>
<button id="messageBoxClose" class="bg-blue-500 text-white px-4 py-2 rounded-md hover:bg-blue-600">确定</button>
</div>
`;
document.body.appendChild(messageBox);
document.getElementById('messageBoxClose').addEventListener('click', () => {
document.body.removeChild(messageBox);
biliFilterConfigOverlay.classList.add('hidden'); // 隐藏配置窗口
});
});
// 关闭配置窗口按钮点击事件
closeConfigButton.addEventListener('click', () => {
biliFilterConfigOverlay.classList.add('hidden'); // 隐藏配置窗口
});
// 加载配置数据到表单
const loadConfigData = (data) => {
if (!data) { // 如果没有数据，则初始化为空对象
data = {
ad: false,
upList: [],
titleList: [],
video: {playCount: '', duration: ''},
};
}
document.getElementById('adToggle').checked = data.ad || true;
document.getElementById('promToggle').checked = data.prom || true;
document.getElementById('upList').value = data.upList ? data.upList.join('\n') : '';
document.getElementById('titleList').value = data.titleList ? data.titleList.join('\n') : '';
document.getElementById('partList').value = data.partList ? data.partList.join('\n') : '';
if (data.video) {
document.getElementById('videoPlayCount').value = data.video.playCount || '';
document.getElementById('videoDuration').value = data.video.duration || '';
}
};
// 初始加载配置数据
loadConfigData(JSON.parse(localStorage.getItem('BiliFilterConfig')));
};
}
function _main() {
adblockClear();
videoFilter();
videoPage();
addConfigOverlay();
}
_main();
})();