本帖最后由 REXLEE95 于 2024-8-23 14:16 编辑
前言:自用的脚本,慢慢优化的,现在分享出来
【功能主治】
网页版B站,杂乱无章、各种推送、广告、卡片 统统精简!!
1、屏蔽各类非推送视频的 卡片 “删除 综艺、番剧 类卡片”
2、删除 直播 类卡片 (可能失效)
3、删除 广告屏蔽插件提示 卡片
4、屏蔽各类元素 网站顶部花里胡哨等
全部根治,让你的首页只有推荐的正常视频。其他一切都屏蔽精简
2024-08-21 更新:
1、调整首页顶部间距,保留了首页按钮。用于返回首页
2、向上滑动页面时,保留了 “动态、热门等”
【使用方法】
确保浏览器安装了油猴插件(篡改猴),新建脚本,将本贴代码覆盖保存,重启浏览器即可生效。
【效果展示】
首页、视频播放页面、超级简洁
[JavaScript] 纯文本查看 复制代码 // ==UserScript==
// @name B站净化
// @namespace B站净化
// @match https://*.bilibili.com/*
// @grant none
// @version 1.0
// @author ZzzLee
// @description 2024/08/08 00:00:00
// ==/UserScript==
(function () {
'use strict';
var interval = 1000;
var style = document.createElement('style');
document.head.appendChild(style);
var styleSheet = style.sheet;
styleSheet.insertRule('.bili-header .right-entry__outside .right-entry-icon { color: #000; }', styleSheet.cssRules.length);
styleSheet.insertRule('.bili-header .right-entry__outside .right-entry-text { color: #000; }', styleSheet.cssRules.length);
styleSheet.insertRule('.bili-header .left-entry .entry-title, .bili-header .left-entry .download-entry, .bili-header .left-entry .default-entry, .bili-header .left-entry .loc-entry {height: 64px;line-height: 64px;color: #000;font-size: 14px;cursor: pointer;}', styleSheet.cssRules.length);
styleSheet.insertRule('.bili-header .left-entry .entry-title .zhuzhan-icon {color: #000; }', styleSheet.cssRules.length);
styleSheet.insertRule('.bili-header.large-header { height: 90px; }', styleSheet.cssRules.length);
styleSheet.insertRule('#biliMainHeader { min-height: 0px; }', styleSheet.cssRules.length);
// 屏蔽各类元素
// 页面加载完成后执行的函数
var checkElements2 = function () {
// 定义需要屏蔽的元素选择器
const selectorsToHide = [
'.left-loc-entry',
'.adblock-tips',
'.grid-anchor.recommended-swipe',
'.bili-header__channel',
'.bili-header__banner',
'li.right-entry-item:nth-of-type(6)',
'.download-entry',
'.default-entry',
'.vip-wrap',
'.right-entry-item--upload.right-entry-item',
'#van-popover-2569',
'.share-btns',
'.video-share-dropdown',
'.ad-floor-cover',
'.vcd',
'.slide_ad',
'.activity-m-v1',
'.toolbar-right-ai.video-toolbar-right-item.video-ai-assistant'
];
// 遍历选择器并隐藏匹配的元素
selectorsToHide.forEach(function (selector) {
const elements = document.querySelectorAll(selector);
elements.forEach(function (element) {
element.style.display = 'none'; // 隐藏元素
});
});
// 异步执行checkElements1
setTimeout(checkElements2, interval);
};
// 屏蔽各类非推送视频的 卡片
var checkElements1 = function () {
// 删除 综艺、番剧类卡片
var targetElements = document.querySelectorAll('.floor-title');
targetElements.forEach(function (targetElement) {
// 找到目标元素后,删除其第五个父级
var fifthParent = targetElement;
for (var i = 0; i < 8; i++) {
if (fifthParent.parentNode) {
fifthParent = fifthParent.parentNode;
if (fifthParent.classList.contains("feed-card") || fifthParent.classList.contains("floor-single-card") || (fifthParent.classList.contains("bili-video-card"))) {
var fifthParent0 = fifthParent.parentNode;
if (fifthParent0.classList.contains("feed-card")) {
fifthParent0.parentNode.removeChild(fifthParent0);
break;
} else {
fifthParent.parentNode.removeChild(fifthParent);
break;
}
}
} else {
return;
}
}
});
// 删除 直播 卡片
var targetElements2 = document.querySelectorAll('.bili-live-card');
targetElements2.forEach(function (targetElement) {
// 找到目标元素后,删除其第五个父级
var fifthParent = targetElement;
// 删除广告
for (var i = 0; i < 8; i++) {
fifthParent.parentNode.removeChild(fifthParent);
break;
}
});
// 删除 广告屏蔽插件提示 卡片
var biliVideoCards = document.querySelectorAll('.bili-video-card.is-rcmd:not(.enable-no-interest)');
// 遍历找到的元素,并执行你想对每个元素的操作
biliVideoCards.forEach(function (element) {
// 你可以在这里执行任何操作
if (element.parentNode.classList.contains('feed-card')) {
// 删除父级
element.parentNode.remove();
} else {
// 如果父级不包含 class 'feed-card',删除当前元素
element.remove();
}
});
// 异步执行checkElements1
setTimeout(checkElements1, interval);
};
checkElements1();
checkElements2();
})();
|