Merely make a minor modification on Bilibili.

Latest Version

Version
2024.12.5
Update
December 5, 2024
Size
20.59KiB
Developer
Category
Users
35
Rating
1 ★
Manifest Version
3
Web Store Status
Languages Support
中文 (简体)
See more
Permissions
See more

Better Bilibili Extension

微调布局
净化页面
一键拉本地/账号黑名单, 支持本地黑名单导入导出
根据本地黑名单过滤首页+播放页推荐视频
用正常视频链接替换掉会导致视频加载卡顿的pcdn链接

首页拉黑up: 鼠标悬浮在视频卡片up名称上, 提供两种拉黑方式
①添加到账号黑名单
②添加到本地黑名单
播放页拉黑up: 快速点击右侧推荐视频卡片的空白区域4次, 会添加up到本地黑名单

可以加入频道群组, 交流反馈
t.me/Better_Bilibili_Channel
t.me/Better_Bilibili_Chat

更新内容:
V2024.12.5
首页:
拦截不必要的追踪上报请求
屏蔽除UP视频以外任何被用于推荐展示的数据请求
原生视频反馈(内容不感兴趣 不想看此UP主)功能回归
修复悬浮鼠标预览视频时, 四角0.1px黑弧问题
自适应屏宽, 最宽5列

V2024.12.1
首页: 下滑触发更新推荐视频改用CSS实现并适配更新
播放页: 优化视频播放链接替换逻辑及关灯模式体验

V2024.11.6
播放页:
提升 /^cn-.+\\.bilivideo\\.com/ cdn域名播放链接优先级
优化关灯模式体验
适配右侧弹幕列表和章节组合出现的样式
优化拉黑up交互体验

V1.1.7
首页: 如果再次推荐在本地黑名单中的up视频, 会将up再次添加到账号黑名单, 60小时后自动移出
播放页: 适配UI更新

V1.1.6
添加up到本地黑名单的同时会将up同时添加到账号黑名单, 60个小时之后会自动从账号黑名单移出

V1.1.5
播放页:
修复从带有\"合集\"的页面跳转到没有\"合集\"的页面不能拉黑up的情况
优化拉黑up交互体验

V1.1.4
播放页:
修复原始网页视频播放器下方0.5px黑条问题
去除话题Tag块

V1.1.3
播放页: 适配UI更新, 微调样式

V1.1.2
播放页:
支持根据本地黑名单过滤右侧推荐视频, 首页和播放页共享本地黑名单
对一个右侧推荐视频卡片的空白区域快速点击4次, 可以拉黑该视频up

V1.1.1
播放页: 调整布局, 将视频播放器移至右侧顶部, 微调样式

V1.1.0
首页:
自适应屏宽, 最宽4列
本地黑名单实时生效
支持本地黑名单导入导出:
导出: 控制台(F12) > 控制台 执行 blacklistManager.exportBlacklist()
导入: 控制台(F12) > 控制台 执行 blacklistManager.importBlacklist()
也可以导入别人导出的黑名单文件, 实现共享
如果需要删除某个本地黑名单, 控制台(F12) > 应用 > IndexedDB > BetterBilibiliDB > uid > 选中 > 右键删除

V1.0.7
首页: 微调样式, 调整 '换一换' 刷新视频个数
播放页: 微调样式

V1.0.6
首页:
优化下滑触发更新推荐视频逻辑
优化视频过滤逻辑
增加回到顶部功能, 视频瀑布任意空白区域快速点击三次

V1.0.5
首页: 优化一键拉黑up交互体验, 简化视频过滤逻辑

V1.0.3
首页: 增加一键添加up到本地黑名单功能, 本地黑名单不占用账号黑名单名额.
刷新的推荐视频会按本地黑名单过滤

V1.0.2
首页: 增加一键添加up到账号黑名单功能
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Better Bilibili", "version": "2024.12.5", "manifest_version": 3, "description": "Merely make a minor modification on Bilibili.", "icons": { "128": "icon.png" }, "action": { "default_icon": { "128": "icon.png" } }, "host_permissions": [ "https://www.bilibili.com/", "https://api.bilibili.com/" ], "content_scripts": [ { "matches": [ "https://www.bilibili.com/", "https://www.bilibili.com/?*" ], "js": [ "dist/js/indexPage.js" ], "css": [ "dist/css/indexPage/cssRule.css" ], "run_at": "document_start" }, { "matches": [ "https://www.bilibili.com/video/*", "https://www.bilibili.com/bangumi/*", "https://www.bilibili.com/list/*" ], "js": [ "dist/js/playPage.js" ], "run_at": "document_start" }, { "matches": [ "https://www.bilibili.com/video/*" ], "css": [ "dist/css/playPage/cssRule.css" ], "run_at": "document_start" }, { "matches": [ "https://www.bilibili.com/bangumi/*" ], "css": [ "/dist/css/playPage/bangumi/cssRule.css" ], "run_at": "document_start" }, { "matches": [ "https://www.bilibili.com/list/*" ], "css": [ "/dist/css/playPage/list/cssRule.css" ], "run_at": "document_start" } ], "web_accessible_resources": [ { "resources": ["dist/web_accessible_resources/*"], "matches": ["https://www.bilibili.com/*"] } ]}
Read more

How to download and manually install Better Bilibili extension for Chrome

Looking for a way to install Better Bilibili extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Better Bilibili extensions manually, this article outlines two simple methods to effortlessly install Better Bilibili extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Better Bilibili extension and manually install through Drag &Drop

If you ever need to manually install a Better Bilibili extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Better Bilibili Extension by clicking the "Download CRX" button on the website.

Look for the Better Bilibili extension you wish to install. Go to the website and download the Better Bilibili extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Better Bilibili extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Better Bilibili extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Better Bilibili extension for Chrome and install in Developer Mode

This is another method to install Better Bilibili extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Better Bilibili extension file

Select and download the Better Bilibili extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Better Bilibili extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Better Bilibili extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Better Bilibili extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Better Bilibili extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

simple-modify-headers Extension · Developer Tools 35 18 ★ 144KiB

icon

BewlyBewly Extension · Productivity 35 332 ★ 1.06MiB

icon

SOOP(아프리카TV) 채팅매니저 Extension · Productivity 35 13 ★ 800KiB

icon

DuckDuckGo Privacy Essentials Extension · Productivity 35 2067 ★ 4.95MiB

icon

Change Case Extension · Productivity 35 159 ★ 74.04KiB

icon

Requestly - Intercept, Modify & Mock HTTP Requests Extension · Developer Tools 35 1227 ★ 876KiB

icon

Youtube-shorts block Extension · Fun 35 734 ★ 38.15KiB

icon

Ambient light for YouTube™ Extension · Productivity 35 135 ★ 947KiB

icon

New tab page by start.me Extension · Productivity 35 1417 ★ 1.93MiB

icon

Live Chat Overlay Extension · Productivity 35 40 ★ 821KiB

icon

Frontier Slither Extension · Fun 35 58 ★ 6.57MiB

icon

Tampermonkey BETA Extension · Developer Tools 35 4523 ★ 1.58MiB

icon

Music Mode for YouTube™ Extension · Productivity 35 318 ★ 114KiB

icon

AllDebrid Extension Extension · Productivity 35 167 ★ 6.95MiB

icon

Adblock for Youtube™ Extension · Productivity 35 331479 ★ 146KiB

icon

Rotate that Video Player Extension · Accessibility 35 137 ★ 378KiB

icon

Iridium for YouTube Extension · Productivity 35 480 ★ 1.13MiB

icon

LiChess Tools, by Siderite Extension · Productivity 35 53 ★ 929KiB

icon

Control Panel for YouTube Extension · Productivity 35 13 ★ 52.33KiB

icon

audiovisualizer Extension · Fun 35 131 ★ 400KiB

icon

Word Replacer Max Extension · Social & Communication 35 10 ★ 456KiB

icon

BPM Changer Extension · Productivity 35 7 ★ 247KiB

icon

1-click quality for Twitch Extension · Productivity 35 13 ★ 488KiB

icon

Extend Youtube | Ads Block | Focus Mode Extension · Productivity 35 13 ★ 10.8MiB