使用navigator.language获取用户的区域

Question

有一段时间，我一直在使用这样的东西来获取用户的国家（ISO-3166）：

const region = navigator.language.split('-')[1]; // 'US'

我一直认为这个字符串与en-US类似 - 这个国家将保持数组的第二个位置 。

我认为这个假设是不正确的 。 根据MDN文档 ， navigator.language返回： “表示BCP 47中定义的语言版本的字符串。” 读取BCP 47 ，主要语言子标签保证是第一个（例如，'en'），但区域代码不保证是第二个子标签。 区域子标签之前和之后可以有子标签。

例如， "sr-Latn-RS"是有效的BCP 47语言标记：

sr                |  Latn           |  RS
primary language  |  script subtag  |  region subtag

navigator.language返回的值是否只包含语言和区域的BCP 47的子集？ 或者是否存在通常用于从语言标记中提取区域子标签的库或正则表达式？

Answer 1

您的解决方案基于错误的前提，即浏览器的语言标记可靠地匹配用户的国家/地区。 例如，我已经将我的浏览器语言设置为德语，尽管我现在远在德国附近，而是在美国。

此外，例如在Chrome中，许多语言包不需要您指定区域修改器。 将Chrome的显示语言设置为德语

提供以下语言标记：

> navigator.language
< "de"

根本没有区域标签，也是一种相当常见的语言。

最重要的是，我的浏览器设置结果是语言标签de ，即使我住在美国。

---

确定用户位置的更准确且可能可靠的方法是从与请求相关联的IP地址导出它。 有许多服务提供此服务。 ip-api.com就是其中之一：

 $.get("http://ip-api.com/json", function(response) { console.log(response.country); // "United States" console.log(response.countryCode); // "US" }, "jsonp"); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

Answer 2

在Firefox中，您可以在首选项中选择语言设置：

语言列表有269项，其中192项不包含任何地区代码。

只有当语言根据位置具有不同的变体时，该区域才有用。 这样，用户可以告诉服务器他们更喜欢响应的语言变体。

不要使用此方法来定位用户。 它太不可靠，因为用户可能没有指定任何区域，或者因为用户可能在物理上位于另一个地方。

如果要查找用户，则应使用Geolocation API 。

Answer 3

正则表达式在这里找到： https ： //github.com/gagle/node-bcp47/blob/master/lib/index.js

var re = /^(?:(en-GB-oed|i-ami|i-bnn|i-default|i-enochian|i-hak|i-klingon|i-lux|i-mingo|i-navajo|i-pwn|i-tao|i-tay|i-tsu|sgn-BE-FR|sgn-BE-NL|sgn-CH-DE)|(art-lojban|cel-gaulish|no-bok|no-nyn|zh-guoyu|zh-hakka|zh-min|zh-min-nan|zh-xiang))$|^((?:[a-z]{2,3}(?:(?:-[a-z]{3}){1,3})?)|[a-z]{4}|[a-z]{5,8})(?:-([a-z]{4}))?(?:-([a-z]{2}|\d{3}))?((?:-(?:[\da-z]{5,8}|\d[\da-z]{3}))*)?((?:-[\da-wy-z](?:-[\da-z]{2,8})+)*)?(-x(?:-[\da-z]{1,8})+)?$|^(x(?:-[\da-z]{1,8})+)$/i;

let foo = re.exec('de-AT');      // German in Austria
let bar = re.exec('zh-Hans-CN'); // Simplified Chinese using Simplified script in mainland China

console.log(`region ${foo[5]}`); // 'region AT'
console.log(`region ${bar[5]}`); // 'region CN'

Answer 4

小心你有navigator.language和navigator.languages 。

语言：

 console.log(navigator.language); // "fr"

语言：

 console.log(navigator.languages); // ["fr", "fr-FR", "en-US", "en"]

要查找国家/地区，请参阅ISO 3166-1上的Wikipedia或使用javascript lib：

• 国际化异国
• country.js
• ISO国家/地区列表 - HTML选择/下拉代码段

Answer 5

正如@TimoSta所说，

试试这个

$.getJSON('http://freegeoip.net/json/', function(result) {
   alert(result.country_code);
});

来自javascript（客户端）获取访问者语言和国家代码 。 查看@noducks的答案

Answer 6

您收到的值源自HTTP请求的Accept-Language标头。

标题的值可能非常复杂

Accept-Language: da, en-GB;q=0.8, en;q=0.7

顾名思义，Accept-Language标题基本上定义了可接受的语言，而不是国家。

语言标记可能还包含其他位置信息，如'en-GB'，但其他类似'en'的信息不包含。

如果没有，则没有关于该国家的信息。

也不总是能够将像'en'这样的语言准确地映射到一个国家。 如果语言为“en”，则国家/地区可能为“GB”，但也可能为“US”。

你可以做什么 ;

• 如果语言包含一个语言，则仅确定国家/地区，如'en-GB'
• 如果语言不包含国家/地区，则您有以下选项：
• 一些语言仅在一个国家使用，例如'da'，丹麦语仅在丹麦使用（我在这里猜测），因此您可以映射这些案例。
• 根据语言的不同，您可以对其他情况使用默认值，例如将'en'映射到'GB'
• 对于所有情况，您都可以使用“美国”等一般默认值，无法确定国家/地区。
• 您可以使用其他信息（例如客户端IP地址）来确定国家/地区
• 最后，您可以要求用户进入该国家/地区

我在这里收集了有关Accept-Language标题的一些其他信息