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

Gemma-3-12B-IT WebUI部署教程:安全加固——反向代理HTTPS、IP白名单、请求频率限制

Gemma-3-12B-IT WebUI部署教程:安全加固——反向代理HTTPS、IP白名单、请求频率限制 1. 前言:为什么你的AI聊天应用需要安全加固? 想象一下这个场景:你刚刚在服务器上部署了Gemma-3-12B-IT的WebUI界面,一个功能强大的AI助手已经准备就绪。它不仅能回答各种问题,还能帮你写代码、做分析、创作内容。你兴奋地把它分享给了几个同事,大家用得都很开心。 但几天后,你发现服务器变得异常缓慢,查看日志时吓了一跳——有大量来自陌生IP地址的请求,有些甚至尝试注入恶意指令。更糟糕的是,由于服务是通过HTTP明文传输的,所有对话内容都可能被中间人窃听。 这不是危言耸听。任何一个暴露在公网上的AI服务,如果没有适当的安全措施,都可能面临这样的风险。今天,我就来分享如何为你的Gemma-3-12B-IT WebUI穿上三层“防护甲”:HTTPS加密传输、IP白名单访问控制、请求频率限制。 这三个措施加在一起,能让你的AI服务既安全又稳定,就像给自家房子装上了防盗门、监控摄像头和访客登记系统一样。 2. 准备工作:了解你的部署环境 在开始安全加固之前,我

WebCoding 开发标准化流程

大家好,今天给大家分享的是WebCoding 开发标准化流程。 1. 需求定义 先把“要做什么”说清楚,再开始写代码。 你要产出这几样东西: * 业务目标:这个网站/系统解决什么问题 * 用户角色:谁在用 * 核心场景:用户完成任务的主路径 * 功能清单:必须有 / 可延期 * 验收标准:什么叫“做完了” 这一步最重要的是把需求写成 用户故事 + 验收条件。 例如: * 用户故事:用户可以注册并登录 * 验收条件:支持邮箱注册、密码重置、登录态保持 7 天、错误提示可读 标准输出: * PRD / 需求文档 * 用户流程图 * 功能优先级列表 * MVP 范围 2. 技术方案设计 需求确认后,不直接开写,而是先定技术方案。 通常要明确: * 前端:

前端数据可视化工具比较:别再为选择工具而烦恼了!

前端数据可视化工具比较:别再为选择工具而烦恼了! 毒舌时刻 数据可视化?听起来就像是前端工程师为了显得自己很专业而特意搞的一套复杂流程。你以为随便用个Chart.js就能做出好看的图表?别做梦了!到时候你会发现,复杂的图表需求根本满足不了。 你以为D3.js是万能的?别天真了!D3.js的学习曲线能让你崩溃,写出来的代码比业务代码还复杂。还有那些所谓的可视化库,看起来高大上,用起来却各种问题。 为什么你需要这个 1. 数据理解:数据可视化可以帮助你更好地理解数据,发现数据中的规律和趋势。 2. 决策支持:可视化的数据可以为决策提供直观的支持,帮助你做出更明智的决策。 3. 用户体验:良好的数据可视化可以提高用户体验,使数据更易于理解和使用。 4. 信息传递:可视化的数据可以更有效地传递信息,减少沟通成本。 5. 品牌形象:专业的数据可视化可以提升品牌的专业形象。 反面教材 // 1. 使用不适合的工具 // 复杂的数据可视化使用Chart.js import Chart from 'chart.js/

爬虫前端调试常见反调试问题及解决方案(超详细实操版)

爬虫前端调试常见反调试问题及解决方案(超详细实操版)

爬虫前端调试常见反调试问题及解决方案(网页实操版) 在爬虫开发过程中,前端调试是获取接口、分析渲染逻辑的关键步骤,但很多网站会设置反调试机制,阻碍我们正常调试。本文整理了7个爬虫前端调试中最常遇到的反调试问题,每个问题都详细说明现象、原因,并给出一步一步的实操解决方案,同时预留截图位置,方便大家插入操作截图,快速上手解决问题。 适用场景:爬虫开发、前端调试、反调试绕过,适合新手入门,也可作为老开发者的调试手册。 问题1:打断点时出现webpack://…相关报错 一、问题现象 在浏览器开发者工具(F12)的Sources面板打断点后,控制台频繁弹出报错,报错信息中包含“webpack://”开头的路径,且断点无法正常触发,调试流程被中断,无法查看代码执行逻辑和参数传递过程。 二、问题原因 这是因为目标网站使用了Webpack打包工具,Webpack在打包时会保留源码的溯源信息,而浏览器开发者工具默认开启了JavaScript溯源功能,会尝试解析Webpack打包后的源码路径,当路径无法匹配或被网站反调试拦截时,就会抛出此类报错,同时干扰断点的正常执行。 三、解决方案(