Bilibili-Evolved把哔哩哔哩页面拼装成自己想要的样子【免费下载链接】Bilibili-Evolved强大的哔哩哔哩增强脚本项目地址: https://gitcode.com/gh_mirrors/bi/Bilibili-EvolvedB 站的顶栏长什么样、动态流有什么、下载下来是什么编码都不由你说了算。Bilibili-Evolved 是一个跑在 Tampermonkey / Violentmonkey 里的哔哩哔哩增强脚本核心设计是脚本本身不带功能一切能力以组件 / 插件 / 样式三种单元独立安装。→ 安装并验证脚本 → 按域盘点 176 个功能 → 拆两个骨架机制 → 改一处配置验证 → 对照排坑、按身份选路线。一、先让它动起来安装、入口与 30 秒验证环境前提浏览器用最新版 Chrome 或 FirefoxSafari 官方标注仅理论上能运行, 没测试过套壳类浏览器不保证脚本管理器用 Tampermonkey 5.0 或 Violentmonkey 2.18。README 明确列出两个不兼容项Greasemonkey、AdGuard最低硬件要求 8GB 内存、1920×1080。先核对这份清单能省掉后面一半排障。最短安装路径装好脚本管理器后从 README.md 安装一节的链接装正式版jsDelivr 源或 GitHub 源刷新任意 B 站页面左侧中央出现功能面板入口到这一步就算装上了打开设置面板 → 左下组件/插件/样式管理里面有批量逐行粘贴链接一次装完、浏览载入本地文件、在线在线仓库窗口三个按钮外加底部一个单链接输入框粘贴功能直链装完刷新。必须建立的认知全新安装的脚本一个功能都没有。默认只启用 src/components/built-in-components.ts 里写死的 7 个内置组件设置面板、启动栏、i18n、自动更新、新版本提醒、bisector、compatibilities其余全部要你自己装配。v1 老用户可装 registry/lib/components/utils/v1-migrate/ 组件把旧版设置对应的组件自动拉下来。30 秒验证信号打开页面控制台输入window.bilibiliEvolved有对象输出即注入成功。对应源码在 src/client/init.ts 第 51 行unsafeWindow.bilibiliEvolved externalApis。二、它能替你做什么176 个功能按五个域分功能全放在 registry/lib/components/ 下自动生成清单 doc/features/features.json 里有146 个组件 30 个插件按使用域归成五组顶栏与首页样式style/custom-navbar可以整条替换顶栏内部拆成home / search / user-info / settings等 15 个子目录home-redesign内含fresh与minimal两套首页重构方案dark-mode是历史最久的模块2018 年的遗留 CSS 还留在old/dark-slice-*.css8 个文件超 1 万行现行分片 SCSS 编号到dark-slice-19.scss。动态流feeds/feeds/filter按类型或关键词过滤动态流并移除侧边卡片feeds/copy-link、feeds/del-feeds分别管链接复制与批量删除。视频播放与下载video/video/download直接对接 B 站 DASH 流可单独下音频、控制扩展名与回退编码弹幕被拆成 video/danmaku/ 下airborne / converter / download / expand / merger / unescape六个子模块video/player是体量最大的子目录24 个增强项集中在播放器层面。直播live/前后台音量、礼物盒子、弹幕面板适配、去水印都在里面弹幕收发依托 src/components/live/live-socket.ts 的 WebSocket 封装341 行。工具类utils/utils/check-in-center的index.ts只有 13 行靠widget.condition里的getUID()判断登录态未登录不渲染评论增强在utils/comments/下数据层靠 src/core/spin-query.ts 的轮询器等异步元素。三、它凭什么这么设计组件何时启动、如何互通机制一生命周期 加载模式决定组件什么时候跑。src/core/life-cycle.ts65 行把页面启动拆成三个可等待时机headLoaded、contentLoaded、fullyLoaded并派发be:start → be:style-loaded → be:components-loaded → be:end四个事件。所有组件的总开关在 src/components/component.ts 的loadAllComponents里按通用设置选时机if (generalSettings.scriptLoadingMode LoadingMode.Delay) { fullyLoaded(() loadComponents() ...) // 延后: 等 load 事件, 不与页面抢资源 } else if (generalSettings.scriptLoadingMode LoadingMode.Race) { contentLoaded(() loadComponents() ...) // 同时: DCL 即跑, 可能与 B 站原脚本竞争 }这个二选一就暴露在设置里src/core/loading-mode.ts 全文只有 7 行。每个组件的加载用Promise.allSettled包裹一个组件挂掉只会在控制台打印出它的 name 和错误其余照常。机制二数据注入而不是 import决定组件之间怎么说话。src/plugins/data.ts 提供三个函数接收方registerData(key, ...data)交出对象提供方addData(key, provider)提交修改getData时一次性应用。它是单向累加的只能git commit不能git reset。仓库里现成的完整案例registry/lib/components/video/danmaku/download/index.ts 不被下载组件引用却通过内置插件塞资产进去plugin: { displayName: 下载视频 - 下载弹幕支持, setup: ({ addData }) { addData(downloadVideo.assets, async (assets) { assets.push({ name: downloadDanmaku, getAssets: ... }) }) }, },装上下载弹幕下载视频组件的列表里凭空多一个选项卸载后消失。另一条通道是 src/plugins/hook.ts 的addHook/getHookbefore/after 两段式registry/lib/plugins/settings-panel/recent-components/index.ts 就挂在userComponents.add/userComponents.remove上记录安装来源组件管理面板本身没有任何更新逻辑。四、一次可验证的小改动打开 devMode看逐组件耗时选一个真实配置项走闭环devMode开发者模式字段定义在 src/components/settings-panel/index.ts 第 60 行是设置面板组件的一个选项。改前devMode默认false控制台只有常规日志看不到各组件耗时。改后在设置面板把开发者模式打开刷新页面。如何验证控制台出现按阶段分组的耗时日志样例输出为components block time: 152.36ms for 12 items展开后每行是组件名 毫秒数 百分比如downloadVideo 18.21ms 11.95%。由 src/core/performance/stats.ts 的logStats输出阶段名有init block、init resolve、components block、components resolve。找到占比最高的组件把它的加载模式从同时改延后或直接停用再刷一次对比数字。src/core/performance/下还有三个追踪器各管一段component-trace每组件 block/resolve 耗时、plugin-trace插件 setup 耗时、promise-trace启动阶段各 Promise 的等待与执行时间。五、翻车对照表7 个高频现象与处置现象原因处置装完脚本什么都没发生设计如此默认不预装任何组件进设置面板的组件/插件/样式管理装功能装完刷新功能面板不显示、效果时好时坏脚本管理器是 Greasemonkey / AdGuard或浏览器是套壳版换最新版 Chrome / Firefox Tampermonkey 5.0 / Violentmonkey 2.18并确认已登录默认不对未登录状态做适配弹脚本试图访问跨域资源用链接安装组件、发下载任务到外部服务器时的已知提示确认来源后选始终允许页面明显变卡综合性脚本README 直说对性能有较大影响最低 8GB / 1080p开devMode定位耗时大户改延后加载或停用装得克制是长期流畅的前提升级后旧版出问题或设置错乱官方策略新版本正式发布后不再对旧版本做技术支持升级前在关于面板导出设置必须留旧版参考 doc/rollback.md下载出的 ASS 里缺弹幕文档写明ASS 弹幕下载不会包含高级弹幕, 字幕弹幕等预期行为不是 bug见 registry/lib/components/video/danmaku/download/index.md想装第三方功能README 隐私声明任何组件对用户数据都有完全访问能力装前看它的index.md与代码网络请求请求统一走 src/core/ajax.ts 封装便于审查六、按你的身份走日常、重度与贡献者日常用户三件事只装下载视频、夜间模式这类高频组件并保持克制把关于面板导出设置当成每次升级前的固定动作关注 CHANGELOG.md新版本发布后及时跟进因为旧版不再受支持。重度用户多走一步先读 src/core/life-cycle.ts65 行和 src/core/loading-mode.ts7 行搞懂组件何时被激活再按性能日志调各组件的加载时机要动样式的先看 registry/lib/components/style/dark-mode/README.md 的配色与选择器约束再碰dark-slice-*避免重蹈 2018 年选择器太宽泛的老路。想改代码的克隆 https://gitcode.com/gh_mirrors/bi/Bilibili-Evolved 然后按 CONTRIBUTING.md 走pnpm install cd registry pnpm install再运行pnpm tsx dev-tools/dev-server/index.ts启动开发服务端口 23333。新组件就是在registry/lib/components/类别/下建目录index.ts里用defineComponentMetadata导出、index.md写描述开发服务对registry/dist/components/id.js按需编译、从内存返回把链接粘进组件管理面板即装即调单编译与监听走pnpm tsx dev-tools/dev-server/command.ts。提交前跑pnpm run lint-check和pnpm run type。核心层src/core管启动与生命周期组件层registry/lib/components承载功能插件层src/plugins负责互通三层各管一段。这套元数据 懒加载 数据注入的写法换一个站、换一个场景几乎可以原样搬走。【免费下载链接】Bilibili-Evolved强大的哔哩哔哩增强脚本项目地址: https://gitcode.com/gh_mirrors/bi/Bilibili-Evolved创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
Bilibili-Evolved把哔哩哔哩页面拼装成自己想要的样子【免费下载链接】Bilibili-Evolved强大的哔哩哔哩增强脚本项目地址: https://gitcode.com/gh_mirrors/bi/Bilibili-EvolvedB 站的顶栏长什么样、动态流有什么、下载下来是什么编码都不由你说了算。Bilibili-Evolved 是一个跑在 Tampermonkey / Violentmonkey 里的哔哩哔哩增强脚本核心设计是脚本本身不带功能一切能力以组件 / 插件 / 样式三种单元独立安装。→ 安装并验证脚本 → 按域盘点 176 个功能 → 拆两个骨架机制 → 改一处配置验证 → 对照排坑、按身份选路线。一、先让它动起来安装、入口与 30 秒验证环境前提浏览器用最新版 Chrome 或 FirefoxSafari 官方标注仅理论上能运行, 没测试过套壳类浏览器不保证脚本管理器用 Tampermonkey 5.0 或 Violentmonkey 2.18。README 明确列出两个不兼容项Greasemonkey、AdGuard最低硬件要求 8GB 内存、1920×1080。先核对这份清单能省掉后面一半排障。最短安装路径装好脚本管理器后从 README.md 安装一节的链接装正式版jsDelivr 源或 GitHub 源刷新任意 B 站页面左侧中央出现功能面板入口到这一步就算装上了打开设置面板 → 左下组件/插件/样式管理里面有批量逐行粘贴链接一次装完、浏览载入本地文件、在线在线仓库窗口三个按钮外加底部一个单链接输入框粘贴功能直链装完刷新。必须建立的认知全新安装的脚本一个功能都没有。默认只启用 src/components/built-in-components.ts 里写死的 7 个内置组件设置面板、启动栏、i18n、自动更新、新版本提醒、bisector、compatibilities其余全部要你自己装配。v1 老用户可装 registry/lib/components/utils/v1-migrate/ 组件把旧版设置对应的组件自动拉下来。30 秒验证信号打开页面控制台输入window.bilibiliEvolved有对象输出即注入成功。对应源码在 src/client/init.ts 第 51 行unsafeWindow.bilibiliEvolved externalApis。二、它能替你做什么176 个功能按五个域分功能全放在 registry/lib/components/ 下自动生成清单 doc/features/features.json 里有146 个组件 30 个插件按使用域归成五组顶栏与首页样式style/custom-navbar可以整条替换顶栏内部拆成home / search / user-info / settings等 15 个子目录home-redesign内含fresh与minimal两套首页重构方案dark-mode是历史最久的模块2018 年的遗留 CSS 还留在old/dark-slice-*.css8 个文件超 1 万行现行分片 SCSS 编号到dark-slice-19.scss。动态流feeds/feeds/filter按类型或关键词过滤动态流并移除侧边卡片feeds/copy-link、feeds/del-feeds分别管链接复制与批量删除。视频播放与下载video/video/download直接对接 B 站 DASH 流可单独下音频、控制扩展名与回退编码弹幕被拆成 video/danmaku/ 下airborne / converter / download / expand / merger / unescape六个子模块video/player是体量最大的子目录24 个增强项集中在播放器层面。直播live/前后台音量、礼物盒子、弹幕面板适配、去水印都在里面弹幕收发依托 src/components/live/live-socket.ts 的 WebSocket 封装341 行。工具类utils/utils/check-in-center的index.ts只有 13 行靠widget.condition里的getUID()判断登录态未登录不渲染评论增强在utils/comments/下数据层靠 src/core/spin-query.ts 的轮询器等异步元素。三、它凭什么这么设计组件何时启动、如何互通机制一生命周期 加载模式决定组件什么时候跑。src/core/life-cycle.ts65 行把页面启动拆成三个可等待时机headLoaded、contentLoaded、fullyLoaded并派发be:start → be:style-loaded → be:components-loaded → be:end四个事件。所有组件的总开关在 src/components/component.ts 的loadAllComponents里按通用设置选时机if (generalSettings.scriptLoadingMode LoadingMode.Delay) { fullyLoaded(() loadComponents() ...) // 延后: 等 load 事件, 不与页面抢资源 } else if (generalSettings.scriptLoadingMode LoadingMode.Race) { contentLoaded(() loadComponents() ...) // 同时: DCL 即跑, 可能与 B 站原脚本竞争 }这个二选一就暴露在设置里src/core/loading-mode.ts 全文只有 7 行。每个组件的加载用Promise.allSettled包裹一个组件挂掉只会在控制台打印出它的 name 和错误其余照常。机制二数据注入而不是 import决定组件之间怎么说话。src/plugins/data.ts 提供三个函数接收方registerData(key, ...data)交出对象提供方addData(key, provider)提交修改getData时一次性应用。它是单向累加的只能git commit不能git reset。仓库里现成的完整案例registry/lib/components/video/danmaku/download/index.ts 不被下载组件引用却通过内置插件塞资产进去plugin: { displayName: 下载视频 - 下载弹幕支持, setup: ({ addData }) { addData(downloadVideo.assets, async (assets) { assets.push({ name: downloadDanmaku, getAssets: ... }) }) }, },装上下载弹幕下载视频组件的列表里凭空多一个选项卸载后消失。另一条通道是 src/plugins/hook.ts 的addHook/getHookbefore/after 两段式registry/lib/plugins/settings-panel/recent-components/index.ts 就挂在userComponents.add/userComponents.remove上记录安装来源组件管理面板本身没有任何更新逻辑。四、一次可验证的小改动打开 devMode看逐组件耗时选一个真实配置项走闭环devMode开发者模式字段定义在 src/components/settings-panel/index.ts 第 60 行是设置面板组件的一个选项。改前devMode默认false控制台只有常规日志看不到各组件耗时。改后在设置面板把开发者模式打开刷新页面。如何验证控制台出现按阶段分组的耗时日志样例输出为components block time: 152.36ms for 12 items展开后每行是组件名 毫秒数 百分比如downloadVideo 18.21ms 11.95%。由 src/core/performance/stats.ts 的logStats输出阶段名有init block、init resolve、components block、components resolve。找到占比最高的组件把它的加载模式从同时改延后或直接停用再刷一次对比数字。src/core/performance/下还有三个追踪器各管一段component-trace每组件 block/resolve 耗时、plugin-trace插件 setup 耗时、promise-trace启动阶段各 Promise 的等待与执行时间。五、翻车对照表7 个高频现象与处置现象原因处置装完脚本什么都没发生设计如此默认不预装任何组件进设置面板的组件/插件/样式管理装功能装完刷新功能面板不显示、效果时好时坏脚本管理器是 Greasemonkey / AdGuard或浏览器是套壳版换最新版 Chrome / Firefox Tampermonkey 5.0 / Violentmonkey 2.18并确认已登录默认不对未登录状态做适配弹脚本试图访问跨域资源用链接安装组件、发下载任务到外部服务器时的已知提示确认来源后选始终允许页面明显变卡综合性脚本README 直说对性能有较大影响最低 8GB / 1080p开devMode定位耗时大户改延后加载或停用装得克制是长期流畅的前提升级后旧版出问题或设置错乱官方策略新版本正式发布后不再对旧版本做技术支持升级前在关于面板导出设置必须留旧版参考 doc/rollback.md下载出的 ASS 里缺弹幕文档写明ASS 弹幕下载不会包含高级弹幕, 字幕弹幕等预期行为不是 bug见 registry/lib/components/video/danmaku/download/index.md想装第三方功能README 隐私声明任何组件对用户数据都有完全访问能力装前看它的index.md与代码网络请求请求统一走 src/core/ajax.ts 封装便于审查六、按你的身份走日常、重度与贡献者日常用户三件事只装下载视频、夜间模式这类高频组件并保持克制把关于面板导出设置当成每次升级前的固定动作关注 CHANGELOG.md新版本发布后及时跟进因为旧版不再受支持。重度用户多走一步先读 src/core/life-cycle.ts65 行和 src/core/loading-mode.ts7 行搞懂组件何时被激活再按性能日志调各组件的加载时机要动样式的先看 registry/lib/components/style/dark-mode/README.md 的配色与选择器约束再碰dark-slice-*避免重蹈 2018 年选择器太宽泛的老路。想改代码的克隆 https://gitcode.com/gh_mirrors/bi/Bilibili-Evolved 然后按 CONTRIBUTING.md 走pnpm install cd registry pnpm install再运行pnpm tsx dev-tools/dev-server/index.ts启动开发服务端口 23333。新组件就是在registry/lib/components/类别/下建目录index.ts里用defineComponentMetadata导出、index.md写描述开发服务对registry/dist/components/id.js按需编译、从内存返回把链接粘进组件管理面板即装即调单编译与监听走pnpm tsx dev-tools/dev-server/command.ts。提交前跑pnpm run lint-check和pnpm run type。核心层src/core管启动与生命周期组件层registry/lib/components承载功能插件层src/plugins负责互通三层各管一段。这套元数据 懒加载 数据注入的写法换一个站、换一个场景几乎可以原样搬走。【免费下载链接】Bilibili-Evolved强大的哔哩哔哩增强脚本项目地址: https://gitcode.com/gh_mirrors/bi/Bilibili-Evolved创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
