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

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

【前端实战】如何让用户回到上次阅读的位置?

【前端实战】如何让用户回到上次阅读的位置?

目录 【前端实战】如何让用户回到上次阅读的位置? 一、总体思路 1、核心目标 2、涉及到的技术 二、实现方案详解 1、基础方法:监听滚动,记录 scrollTop(不推荐) 2、Intersection Observer + 插入探针元素 3、基于 URL Hash 锚点跳转 三、总结 1、不同方案间对比总结 2、结语         作者:watermelo37         ZEEKLOG万粉博主、华为云云享专家、阿里云专家博主、腾讯云、支付宝合作作者,全平台博客昵称watermelo37。         一个假装是giser的coder,做不只专注于业务逻辑的前端工程师,Java、Docker、Python、LLM均有涉猎。 --------------------------------------------------------------------- 温柔地对待温柔的人,包容的三观就是最大的温柔。 -------------------------------------------------------------

手把手教你给项目配 HTTPS(Nginx 实战教程,前端 + 后端)

手把手教你给项目配 HTTPS(Nginx 实战教程,前端 + 后端)

本博客是一篇记录性质的实操文章。 所以在本文章中你既能收获"为什么",也会收获"怎么做"。 为你的项目配置配 HTTPS * 总体概念 * 我的建议 * 前期准备: * 第 1 步:确认你的域名已经指向这台服务器 * 1、获取你的公网IP: * 2、解析 * 第 2 步:开放 80 和 443 端口 * 第 3 步:先确认当前 Nginx 和 后端项目 是怎么跑的 * 前端 * 后端 * API 请求地址 * 第 4 步:申请证书 * 具体落地方式 * 第 5 步:

WEB 学习框架搭建

WEB 学习框架搭建

WEB 学习框架搭建 (写了几道web题目,都感觉无法下手,后来觉得还是得系统搭建框架学习,如果连基础知识都有很多不明白,光知道各种注入方法也没有什么用,以下为借助AI的学习记录) web应用框架 前端(XSS,CSRF)-后端(SQL,越权,文件上传,文件包含。。。)-数据库 场景:用户在小程序上输入手机号和密码,点击“登录”。 第一步:前端的工作 (用户看得见的部分) 前端负责展示界面、收集数据、调用API、处理响应。 1. 构建界面:画出登录页面,有手机号输入框、密码输入框和“登录”按钮。 2. 监听事件:用户点击“登录”按钮时,前端代码被触发。 3. 收集与校验:前端获取输入框里的手机号和密码,先做基本校验(如手机号格式、密码非空)。 4. 调用API(

前端国际化:别让你的应用只懂一种语言

前端国际化:别让你的应用只懂一种语言 毒舌时刻 这应用写得跟方言似的,出了本地就没人懂。 各位前端同行,咱们今天聊聊前端国际化。别告诉我你的应用还只有中文版本,那感觉就像在国际会议上只说方言——能说,但没人懂。 为什么你需要国际化 最近看到一个项目,想拓展海外市场,但所有文本都是硬编码在代码里的。我就想问:你是在做本地应用还是在做国际产品? 反面教材 // 反面教材:硬编码文本 function App() { return ( <div> <h1>欢迎来到我的网站</h1> <p>这是一个示例应用</p> <button>点击我</button> <div>