用户的首选语言和系统/浏览器区域之间存在差异。

用户可以在浏览器中配置首选语言，这些语言将用于navigator.language(s)，并在从服务器请求资源时使用，以根据语言优先级列表请求内容。

但是，浏览器的语言环境将决定如何呈现数字、日期、时间和货币。这种设置可能是排名最高的语言，但不能保证。在Mac和Linux上，语言环境由系统决定，而不考虑用户的语言首选项。在Windows上，可以在Chrome上的首选列表中选择语言。

通过使用Intl (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl)，开发人员可以覆盖/设置用于呈现这些内容的区域设置，但是有些元素是不能被覆盖的，例如<input type="date">格式。

要正确地提取这种语言，我找到的唯一方法是:

(新Intl.NumberFormat ()) .resolvedOptions .locale ()

(Intl.NumberFormat () .resolvedOptions()。Locale似乎也有用)

这将为默认区域设置创建一个新的NumberFormat实例，然后读入那些已解析选项的区域设置。

您还可以尝试从文档中获取语言，这可能是您的第一个调用端口，然后返回到其他方法，因为人们经常希望他们的JS语言与文档语言匹配。

HTML5:

html querySelector(“”),该文件。“lang”getAttribute ()

遗留问题:

元文件。querySelector(“[http-equiv = content-language)。getAttribute(‘内容’)

没有真正的资源是100%可靠的，因为人们可能只是把它放在错误的语言中。

有一些语言检测库可以让您根据内容确定语言。

在Chrome和Firefox 32+上，Navigator。Languages包含一个按照用户偏好顺序排列的区域设置数组，比navigator更准确。然而，为了使它向后兼容(已测试的Chrome / IE / Firefox / Safari)，然后使用这个:

function getLang() {
  if (navigator.languages != undefined) 
    return navigator.languages[0]; 
  return navigator.language;
}

用户的首选语言和系统/浏览器区域之间存在差异。

用户可以在浏览器中配置首选语言，这些语言将用于navigator.language(s)，并在从服务器请求资源时使用，以根据语言优先级列表请求内容。

但是，浏览器的语言环境将决定如何呈现数字、日期、时间和货币。这种设置可能是排名最高的语言，但不能保证。在Mac和Linux上，语言环境由系统决定，而不考虑用户的语言首选项。在Windows上，可以在Chrome上的首选列表中选择语言。

通过使用Intl (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl)，开发人员可以覆盖/设置用于呈现这些内容的区域设置，但是有些元素是不能被覆盖的，例如<input type="date">格式。

要正确地提取这种语言，我找到的唯一方法是:

(新Intl.NumberFormat ()) .resolvedOptions .locale ()

(Intl.NumberFormat () .resolvedOptions()。Locale似乎也有用)

这将为默认区域设置创建一个新的NumberFormat实例，然后读入那些已解析选项的区域设置。

我使用了所有的答案，并创建了一个单行解决方案:

const getLanguage = () => navigator.userLanguage || (navigator.languages && navigator.languages.length && navigator.languages[0]) || navigator.language || navigator.browserLanguage || navigator.systemLanguage || 'en';

console.log(getLanguage());

将其从JavaScript移植来检测浏览器语言偏好

https://stackoverflow.com/a/42649975/1548557

我刚想到这个。它结合了较新的JS解构语法和一些标准操作来检索语言和区域设置。

var [lang, locale] = (
    (
        (
            navigator.userLanguage || navigator.language
        ).replace(
            '-', '_'
        )
    ).toLowerCase()
).split('_');

希望它能帮助到别人

**更新:**我还建议测试这个，并结合其他答案，例如https://stackoverflow.com/a/52112155/1548557，这似乎是一个更健壮的方式来获得语言。我们也有零并集??所以||可能不是最好的方法。我想象这就像

var [lang, locale] = (
    (
        getBrowserLanguage()
            .replace('-', '_')
    ).toLowerCase()
).split('_');

请注意，我没有强制lang或locale的默认值，而您可以这样做。世界是如此以英语为中心，我选择英语，但我不觉得这对我编码的任何人都有好处。我也没有调用getBrowserLanguage getNavigatorLanguage，这是故意的。也许你用的是导航器，但将来可能会用到其他东西。这确实是一种偏好。无论如何，我希望这仍然有用。