沉浸式翻译导致 X/Twitter 视频进度条失效:根因、热修复与 PR

在本机 Chrome 中排查了一个和沉浸式翻译有关的真实交互冲突:

问题现象:

  • 打开沉浸式翻译后,X/Twitter 视频播放器底部进度条无法点击或拖动
  • 体感上像是播放器坏了,但实际上是页面上方多了一层会吃掉点击事件的字幕附着层

定位结果:

  • 扩展:沉浸式翻译
  • 扩展 ID:bpoadfkcbjbfhfodiogcnhhhpibjhbnh
  • 当前本机生效目录:1.26.6_1
  • 根因在扩展注入的 attach_subtitle.css
  • 其中 .imt-caption-window 使用了 pointer-events: auto;,在 X/Twitter 上会覆盖到底部控制区,导致进度条 seek 点击被截获

修复思路:

  • .imt-caption-window 改成 pointer-events: none;
  • 同时把 .imt-captions-text.imt-cue 保持为 pointer-events: auto;
  • 这样字幕空白区域不再拦截点击,字幕文字本身仍可交互

本机处理:

  • 已对当前 Chrome 安装目录里的扩展文件完成热修复
  • 已强制重启 Chrome,让当前运行实例重新载入修复后的扩展文件
  • 同时把补丁整理成一个独立仓库,避免直接分发扩展编译产物

PR:

仓库里放的是:

  • 可复用补丁脚本
  • 强制重启 Chrome 的脚本
  • 中文问题说明和修复说明

后续如果扩展升级覆盖了 content_script.js,重新执行补丁脚本即可。