Skip to content

Repository files navigation

Bilibili Enhancer (B站增强插件)

License: MIT TypeScript Webpack

基于 TypeScript 和 Manifest V3 开发的 Chrome 浏览器扩展,全方位提升 Bilibili 网页版的使用体验。

它集成了 缩略图信息增强封面工具箱播放器增强社交关系辅助 以及 视频下载与自动化 五大核心模块。


✨ 核心功能 (Features)

1. 🏷️ 视频缩略图增强

在浏览首页、推荐列表或个人空间时,直接在视频封面上显示关键信息,无需点击即可掌握视频状态。

  • 状态标记:自动检测并显示你对该视频的 “已收藏”“已点赞” 状态,支持 文字标签三角角标 两种风格,切换时即时生效无需刷新。
  • 视频信息:显示视频 分辨率 (4K/1080P) 和 分P数量
  • 充电专属视频处理:支持 隐藏遮罩不处理 三种模式。选择“遮罩”模式时,视频封面将被半透明层覆盖,防止误点但保留占位。
  • 智能加载:仅请求可视区域内的视频数据,流畅不卡顿。

效果预览:

文字标签 三角角标 推荐视频列表

2. 📥 封面预览与下载

  • 悬停预览:在任意视频列表,鼠标指向封面即可在左侧浮现高清大图。
  • 一键下载:在视频播放页工具栏新增 “封面” 按钮,点击即可下载高清原图(自动命名)。
  • 尺寸统一:支持 小/中/大 三种尺寸设置,预览和下载体验高度统一。

效果预览:

列表悬停预览 播放页下载按钮

3. 📺 播放器增强

  • 视频旋转:支持向左/向右 90° 旋转,拯救方向错误的手机投稿。
  • 快捷截图Shift + S 极速截图,自动携带时间戳和 BV 号。
  • 毫秒时间:进度条显示精确到毫秒(如 03:14.159),助你精准空降。

效果预览:

播放器增强功能展示

4. 🌟 已关注UP主高亮

在茫茫评论区或推荐流中,一眼认出“自己人”(需先在插件面板点击同步按钮更新关注列表)

  • 醒目高亮:已关注的 UP 主名字显示为 玫红色粗体

效果预览:

关注高亮效果展示

5. 🚀 视频下载与自动化

打通视频下载与收藏的闭环工作流。

  • 联动视频下载:无缝对接 Bilibili Downloader 程序,支持快捷调用进行视频解析与下载。
  • 按需开启:可在设置面板中一键开启或关闭下载功能,保持界面清爽。
  • 下载历史管理:在设置面板实时查看已下载视频总数,支持一键更新同步或清空本地下载记录。
  • 下载后自动收藏:支持在设置面板自定义配置 收藏夹ID。当视频下载完成后,插件会自动将其加入该指定收藏夹,实现全自动归档。
  1. 📊 动态投稿聚合 (New)
  • 无缝桥接:在个人空间“投稿”页左侧新增“动态投稿”分类。
  • 聚合展示:一键查看原本不显示在投稿列表中的动态视频,支持所有增强标记。

⚙️ 设置面板

点击浏览器右上角的插件图标,体验全新设计的现代化设置面板:

  • 🎨 卡片式布局:功能分区清晰,视觉整洁,遵循 B 站原生蓝色调设计。
  • 💡 智能提示:鼠标悬停在功能名称旁的问号图标上,即可查看详细的功能说明,采用磨砂玻璃风格设计。
  • 🔗 动态交互:设置项之间存在联动关系(如关闭“视频下载”会自动隐藏“自动收藏”选项),界面更简洁。
  • 🔘 快捷交互:封面大小、状态显示等选项采用 分段控制器 (Segmented Control),一键切换,直观高效。
  • ⚡️ 即时响应:所有设置修改后立即保存并生效,无需手动刷新页面。

面板预览:

现代化设置面板

🛠️ 安装与开发

安装方式

  1. 下载本项目 Release 页面的 zip 包,进行解压
  2. 打开 Chrome 扩展管理页 chrome://extensions/
  3. 开启右上角 "开发者模式"
  4. 点击 "加载已解压的扩展程序",选择 zip 解压目录。

🔍 搜索记录

2026-06-22 分辨率筛选功能参考方案

  • 搜索主题:Bilibili 视频分辨率过滤与画质设置浏览器扩展
  • GitHub/Skills.sh 搜索结论
    • Bilibili-Auto-Quality (哔哩哔哩自动画质):该脚本通过模拟点击或直接调用播放器 API 在视频加载时自动切换最高画质(Dolby/8K/4K 等),常以 Userscript 形式存在。
    • Bilibili Auto Highest Quality (Chrome Extension):一款专用的 Chrome 插件,旨在检测 B 站视频维度分辨率信息,并强制以最高画质进行播放。
    • 架构参考:对 DOM 内的视频标题和卡片元素没有自带分辨率元数据的情况,参考上述方案,本项目通过 VideoDataCenter.getVideoInfo(bvid) 异步调用 B 站后台 API 获取视频实际维度(width / height),并通过 getResolutionLabel 计算出具体分辨率级别(如 8K/4K/2K/1080P/720P/SD),为过滤模块提供了可靠的元数据支持。

About

bilibili网页增强

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages