B站PC端web自动开启字幕脚本(2025新版适配)

B站自动字幕用户脚本:快捷键开关 + 自动开启字幕(2026新版适配)

作者:Apixus
更新日期:2026年3月5日
项目地址:GitHub仓库

一、脚本介绍

你是否经常在B站看视频时反复手动开启字幕?是否希望切换视频时字幕能自动开启?
这个用户脚本就是为了解决这些问题而开发的。

B站自动字幕脚本 提供了以下功能:

  • 🎯 快捷键控制:按 C 键快速开启或关闭字幕
  • 🔄 自动开启:切换分P、点击推荐视频时自动打开字幕
  • 🆕  2026新版适配:专为B站最新版播放器优化
  • ⚡ 性能优化:智能监听,告别卡顿轮询
  • 🛡️ 防冲突:自动识别输入框,避免误触

二、适用页面

  • 普通视频页:https://www.bilibili.com/video/*
  • 播放列表页:https://www.bilibili.com/list/*

支持普通视频页、番剧页、播放列表页等常见场景。


三、安装步骤

1. 安装用户脚本管理器

推荐使用 Tampermonkey 或 Violentmonkey

2. 安装脚本

点击下方链接安装:

👉 安装脚本

安装后,脚本会在符合条件的B站页面自动运行。


四、使用说明

快捷键开启字幕

  • 在视频页面按 C 键即可快速开启或关闭字幕。
  • 脚本会自动检测是否在输入框中,避免冲突。

切换视频自动开启

  • 切换视频时,字幕会自动开启,无需手动操作。

首次进入自动开启

  • 首次打开视频页面时,字幕会在页面加载完成后自动开启。

五、常见问题

Q1:按C键没反应?

  • 请确保焦点不在输入框或搜索框中。
  • 检查是否已安装脚本并启用。
  • 检测是否开启开发人员模式

Q2:某些页面不生效?

  • 脚本仅匹配 www.bilibili.com/video/ 和 www.bilibili.com/list/ 开头的页面。
  • 如果是B站国际版或其他域名,需自行修改 @match 规则。

Q3:字幕菜单打不开?

  • B站播放器结构可能更新,欢迎在 Issues 中反馈。

Q4:不会安装脚本

Q5:github项目打不开?


六、更新日志

v2.0(2026-03-05)
✨ 新增:快捷键支持关闭字幕(原仅支持开启)
🚀 优化:重写URL监听机制,使用MutationObserver替代轮询,性能大幅提升
🚀 优化:新增智能元素等待函数,稳定性更强
🐛 修复:增加SELECT和富文本编辑器的输入检测,避免更多冲突场景
🐛 修复:快捷键现在正确阻止默认浏览器行为(如页面查找)
🔧 重构:代码模块化,提取CONFIG/SELECTORS配置,便于维护

v1.0(2025-09-20)

  • 首次发布
  • 适配B站2025年新版播放器
  • 实现快捷键和自动开启功能

七、开源贡献

本项目开源在 GitHub,欢迎提交 Issue 或 Pull Request:


八、许可证

MIT License,可自由使用、修改和分发。


如果这个脚本对你有帮助,欢迎在 GitHub 点个 ⭐ 支持一下!
祝你使用愉快,享受无字幕打扰的观影体验🎬

Read more

前端岗面试30万字原题含答案

前端岗面试30万字原题含答案

我们正处在前端发展的一个微妙节点。 曾几何时,几句 HTML、CSS 加个 jQuery 特效就能轻松拿 Offer;后来,掌握 Vue 或 React 便能成为市场宠儿。但现在,当你翻开这本“前端岗面试30万字原题含答案”时,我们所面对的前端世界,已经悄然变成了一场 “冰与火之歌”。 大环境的“冰”:在存量博弈中寻找缺口 当下的技术招聘市场,用一个字形容就是 “卷”。互联网行业从野蛮生长步入精耕细作,HC(招聘名额)紧缩,而涌入的求职者却依旧庞大。大厂不再仅仅为了业务扩张而招人,更看重候选人的不可替代性。 你不仅要与同级的毕业生竞争,还要与众多因公司业务调整而释放出来的、经验丰富的中高级开发者同台竞技。这就导致了一个现象:面试难度呈指数级上升。以前“背八股”就能通关,现在面试官更擅长从一个简单的知识点出发,逐步深挖到你知识体系的盲区。 面试的“火”:从“会用”到“

By Ne0inhk
GoWeb必备理论

GoWeb必备理论

关于goweb,你不得不知道的知识 若是初学者可以借鉴GoWeb查阅本文。 HTTP状态码: 意义 每个状态码都是,http设计者对“网络通讯”中可能出现的情况的假设、预判。他就相当于现实世界的信号灯,就像大家一遇到404,就知道资源找不到了。一遇到500就知道服务器挂了。这种共识,也就是如今万维网的高效率的基础之一。 http状态码是日常开发,修改bug,的居家必备神器。咱们对常见状态码做了分类。 1、必须掌握的状态码 200 ok 最常见的状态码,代表请求完全正确,比如打开网页、调用api啥的。 301 moved permanently 资源永久迁移(例:访问时a.com会被从定项到b.com) 302 Found (部分资源,临时迁移) 400 Bad request(请求出错,参数缺少什么的..) 401 unauthorized(没有登入) 403 forbidden(

By Ne0inhk
Flutter for OpenHarmony:web 拥抱 Web 标准的桥梁(Wasm GC 与 DOM 互操作) 深度解析与鸿蒙适配指南

Flutter for OpenHarmony:web 拥抱 Web 标准的桥梁(Wasm GC 与 DOM 互操作) 深度解析与鸿蒙适配指南

欢迎加入开源鸿蒙跨平台社区:https://openharmonycrossplatform.ZEEKLOG.net 前言 随着 Flutter 3.x 全面拥抱 Wasm(WebAssembly),Dart 团队推出了全新的 package:web 来取代老旧的 dart:html。 package:web 是基于最新的 JS Interop 机制构建的,它不仅性能更好,而且兼容 Wasm GC 标准。 虽然这个库通过名字看是为 “Web” 平台的,但对于 OpenHarmony 开发者来说,了解它有着特殊的意义: 1. 混合开发:鸿蒙原生支持 ArkWeb (WebView),在 Flutter 中通过 JS互操作与 Web 页面交互是常见需求。 2.

By Ne0inhk

前端新手必学:5分钟搞定postcss-px-to-viewport

快速体验 1. 打开 InsCode(快马)平台 https://www.inscode.net 2. 点击'项目生成'按钮,等待项目生成完整后预览效果 输入框内输入如下内容: 请创建一个面向新手的postcss-px-to-viewport教学示例,要求:1. 从创建Vue/React项目开始 2. 分步讲解安装和配置过程 3. 提供最简单的配置示例 4. 包含常见错误排查方法 5. 最终输出一个可运行的demo项目。请使用最基础的配置,并添加大量注释和说明文字。 作为一名前端新手,在开发移动端页面时,最头疼的问题之一就是如何让页面在不同尺寸的设备上都能正常显示。传统的px单位在移动端适配中显得力不从心,这时候就需要用到postcss-px-to-viewport这个神器了。今天我就来分享一下我的学习心得,手把手教你如何快速上手这个工具。 1. 为什么要用postcss-px-to-viewport 在移动端开发中,我们经常需要根据设备宽度来调整元素尺寸。postcss-px-to-viewport可以将px单位自动转换为vw单位(视窗宽度单位),实现真正的响应式布局

By Ne0inhk