在本机 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,重新执行补丁脚本即可。