在Chrome 66稳定版中通过JavaScript获取当前激活语言

我之前也被这个问题卡了好久！现代Chrome确实改了语言相关API的行为，以前依赖navigator.language获取激活语言的方法现在完全不靠谱了，先给你理清楚现状，再说说可行的解决方案：

现状到底是啥？ #

• 以前大家默认window.navigator.language返回的是当前激活的Chrome UI语言，但现在它只会返回navigator.languages数组的第一个元素——哪怕你把列表里后面的语言设为激活状态，这个值也不会变。
• window.navigator.languages只是列出了你添加的所有语言，根本没标记哪个是当前正在用的激活语言。
• 你提到的请求头accept-language（比如en-AU,en-GB;q=0.9,en-US;q=0.8,en;q=0.7,es-ES;q=0.6,es;q=0.5）也没用，它只反映你设置的语言偏好权重顺序，哪怕你切换激活语言，这个头的内容和权重都不会变，完全没法区分哪个是当前激活的。

可行的解决方案分两种情况： #

1. 如果你是开发Chrome扩展/插件

这好办，Chrome提供了官方API直接拿激活的UI语言，靠谱得很！不过要记得在manifest.json里声明i18n权限：

// 仅适用于Chrome扩展，需在manifest.json中添加"permissions": ["i18n"]
const activeUILanguage = chrome.i18n.getUILanguage();
console.log("当前激活的Chrome UI语言:", activeUILanguage);

这个API会准确返回Chrome当前界面正在用的语言，和你的语言偏好列表顺序完全无关。

2. 如果你是开发普通网页（没官方API，只能变通）

遗憾的是，Chrome目前没给普通网页开放直接获取激活UI语言的API（应该是出于隐私和安全考虑）。不过有两个变通思路：

• 歪路子（不推荐）：尝试加载Chrome内置的、和特定语言绑定的小资源（比如某个语言专属的图标片段），通过资源是否加载成功来推断当前激活语言。但这种方法太不稳定了，Chrome一更新可能就失效。
• 靠谱路子：直接在页面上加个语言选择器，让用户手动选自己要用的语言，然后把选择结果存在localStorage里，后续页面直接用这个值。这是最稳妥的方案，完全不受浏览器API的限制，还能让用户自主选择，体验也更好。

最后补一句 #

Chrome这个设计变化是把navigator.language和accept-language绑定到了用户的语言偏好顺序上，而不是激活的UI语言。如果你的业务不需要严格对应Chrome的界面语言，只是要用户的语言偏好，那navigator.languages和accept-language还是能用的；但如果必须要准确的激活UI语言，目前只有扩展API是官方支持的办法。

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