浏览器扩展注入脚本charset属性与type=module编码相关问题咨询

关于script标签charset属性的弃用声明问题 #

MDN对charset属性的弃用标注是面向现代标准场景的指引，并不和官方的HTML标准完全对等。HTML标准从未将该属性标记为废弃，仅明确其仅对非模块的经典脚本生效，对type="module"的ES模块脚本会被忽略。
MDN认为该属性不必要的前提是「现代Web生态推荐所有站点采用UTF-8编码」，这种场景下脚本会默认继承文档的UTF-8编码，确实无需额外指定。但你要适配大量老旧非UTF-8编码页面的场景不符合该前提，因此会出现不指定charset就解析报错的问题。

ES模块脚本无需指定charset的原因 #

你的测试结果符合标准规则：ES模块在规范中被强制要求默认使用UTF-8编码，不会继承父页面的字符编码，不存在其他额外的自动检测机制。无论父页面声明为何种编码，浏览器都会按照UTF-8解析ES模块脚本，因此无需额外指定charset属性也能正常运行。

适配老旧页面的方案选择 #

针对你的扩展需要适配各类老旧页面的需求，有两种可行方案：

• 如果注入的脚本可适配ES模块规则（兼容严格模式、无必须在全局作用域顶层执行的特殊逻辑），优先选择设置type="module"的方案，该方案完全符合标准，且彻底规避父页面编码的影响，稳定性最高。
• 如果注入的脚本无法改造为ES模块，直接添加charset="UTF-8"即可。虽然MDN标记该属性弃用，但它在所有主流浏览器中对经典脚本的支持依然完整，不会有兼容性问题，完全可以满足老旧页面的适配需求，无需纠结弃用标记的限制。

内容的提问来源于stack exchange，提问作者Matt