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

前端防范 XSS(跨站脚本攻击)

目录 一、防范措施 1.layui util  核心转义的特殊字符 示例 2.js-xss.js库 安装 1. Node.js 环境(npm/yarn) 2. 浏览器环境 核心 API 基础使用 1. 基础过滤(默认规则) 2. 自定义过滤规则 (1)允许特定标签 (2)允许特定属性 (3)自定义标签处理 (4)自定义属性处理 (5)转义特定字符 常见场景示例 1. 过滤用户输入的评论内容 2. 允许特定富文本标签(如富文本编辑器内容) 注意事项 更多配置 XSS(跨站脚本攻击)是一种常见的网络攻击手段,它允许攻击者将恶意脚本注入到其他用户的浏览器中。

详细教程:如何从前端查看调用接口、传参及返回结果(附带图片案例)

详细教程:如何从前端查看调用接口、传参及返回结果(附带图片案例)

目录 1. 打开浏览器开发者工具 2. 使用 Network 面板 3. 查看具体的API请求 a. Headers b. Payload c. Response d. Preview e. Timing 4. 实际操作步骤 5. 常见问题及解决方法 a. 无法看到API请求 b. 请求失败 c. 跨域问题(CORS) 作为一名后端工程师,理解前端如何调用接口、传递参数以及接收返回值是非常重要的。下面将详细介绍如何通过浏览器开发者工具(F12)查看和分析这些信息,并附带图片案例帮助你更好地理解。 1. 打开浏览器开发者工具 按下 F12 或右键点击页面选择“检查”可以打开浏览器的开发者工具。常用的浏览器如Chrome、Firefox等都内置了开发者工具。下面是我选择我的一篇文章,打开开发者工具进行演示。 2. 使用

Cursor+Codex隐藏技巧:用截图秒修前端Bug的保姆级教程(React/Chakra UI案例)

Cursor+Codex隐藏技巧:用截图秒修前端Bug的保姆级教程(React/Chakra UI案例) 前端开发中最令人头疼的莫过于那些难以定位的UI问题——元素错位、样式冲突、响应式失效...传统调试方式往往需要反复修改代码、刷新页面、检查元素。现在,通过Cursor编辑器集成的Codex功能,你可以直接用截图交互快速定位和修复这些问题。本文将带你从零开始,掌握这套革命性的调试工作流。 1. 环境准备与基础配置 在开始之前,确保你已经具备以下环境: * Cursor编辑器最新版(v2.5+) * Node.js 18.x及以上版本 * React 18项目(本文以Chakra UI 2.x为例) 首先在Cursor中安装Codex插件: 1. 点击左侧扩展图标 2. 搜索"Codex"并安装 3. 登录你的OpenAI账户(需要ChatGPT Plus订阅) 关键配置项: // 在项目根目录创建.