将其从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，这是故意的。也许你用的是导航器，但将来可能会用到其他东西。这确实是一种偏好。无论如何，我希望这仍然有用。

结合浏览器用来存储用户语言的多种方式，你得到这个函数:

const getNavigatorLanguage = () => {
  if (navigator.languages && navigator.languages.length) {
    return navigator.languages[0];
  } else {
    return navigator.userLanguage || navigator.language || navigator.browserLanguage || 'en';
  }
}

我们首先检查导航器。语言数组的第一个元素。 然后我们得到任意一个导航器。userLanguage或navigator.language。 如果失败，我们得到navigator.browserLanguage。 最后，如果其他方法都失败，我们将其设置为“en”。

下面是性感的俏皮话:

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

将其从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，这是故意的。也许你用的是导航器，但将来可能会用到其他东西。这确实是一种偏好。无论如何，我希望这仍然有用。

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

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

正确的方法是查看发送到服务器的HTTP Accept-Language报头。这包含用户配置浏览器首选的有序、加权的语言列表。

不幸的是，这个头文件不能在JavaScript中读取;你得到的只是导航器。语言，它会告诉您安装的web浏览器的本地化版本。这与用户的首选语言不一定是一回事。在IE上，你得到的是systemLanguage(操作系统安装的语言)，browserLanguage(与language相同)和userLanguage(用户配置的操作系统区域)，这些都同样没有帮助。

如果我必须在这些属性中做出选择，我将首先嗅出userLanguage，然后返回language，然后(如果它们不匹配任何可用的语言)再查看browserLanguage，最后查看systemLanguage。

如果你可以把一个服务器端脚本放在网络上的其他地方，它只是读取Accept-Language报头，并将其作为JavaScript文件返回，报头值在字符串中，例如:

var acceptLanguage= 'en-gb,en;q=0.7,de;q=0.3';

然后你可以在HTML中包含一个指向外部服务的<script src>，并使用JavaScript来解析语言头。不过，我不知道有任何现有的库代码可以做到这一点，因为Accept-Language解析几乎总是在服务器端完成。

无论你最终做什么，你肯定需要一个用户覆盖，因为它总是会猜错一些人。通常把语言设置放在URL中是最简单的。http://www.example.com/en/site vs http://www.example.com/de/site)，并让用户单击两者之间的链接。有时，您确实希望两种语言版本都有一个URL，在这种情况下，您必须将设置存储在cookie中，但这可能会使不支持cookie和搜索引擎的用户代理感到困惑。

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

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

console.log(getLanguage());