JavaScript中是否有属性可获取浏览器UI的显示语言？

首先明确：目前没有标准的JavaScript API可以直接获取浏览器UI的显示语言。

你遇到的问题核心在于：

• navigator.language（以及navigator.languages数组）返回的是浏览器的内容语言偏好列表——也就是你在Chrome语言设置里排序的语言优先级，这个是用来告诉网站“我希望看到什么语言的内容”，和浏览器自身UI的显示语言是完全独立的两个设置。
• Chrome的UI显示语言是单独勾选的选项（你设置里的第二个English），但这个配置属于浏览器的内部私有设置，并没有暴露给前端JavaScript，网页没有权限读取这个信息。

替代方案 #

如果你的目标是让网站内容匹配用户的语言需求，建议基于navigator.languages来处理：它包含了用户设置的所有内容语言优先级，你可以遍历这个数组，选择网站支持的第一个语言。示例代码：

// 假设网站支持的语言列表
const supportedLangs = ['en', 'fr', 'zh-CN'];
// 从用户偏好中找到第一个匹配的语言
const targetLang = navigator.languages.find(lang => 
  supportedLangs.includes(lang.split('-')[0])
);
console.log(targetLang);

需要注意：如果用户的UI语言和内容语言偏好不一致，这是用户主动配置的结果，通常用户更希望网站遵循他们设置的内容语言优先级，而非强制匹配浏览器UI语言。

内容的提问来源于stack exchange，提问作者Super Kai - Kazuya Ito