基于浏览器的国家地区名称

在开发Web应用程序时，有时需要获取用户的国家或地区名称。可以通过浏览器提供的API来获取这些信息，无需使用第三方服务。

获取用户国家地区名称的方法

1. 使用 window.navigator.languages

window.navigator.languages 返回一个数组，其中包含浏览器用户喜欢的语言。数组中第一个元素通常是用户的首选语言。

代码示例：

const userLanguage = window.navigator.languages[0] || window.navigator.language;

console.log(userLanguage);

输出样例：

en-US

2. 使用 window.navigator.geolocation

window.navigator.geolocation API可用于获取用户的位置信息，包括纬度、经度和海拔高度。

代码示例：

window.navigator.geolocation.getCurrentPosition(position => {
    console.log(position.coords.latitude, position.coords.longitude);
});

输出样例：

39.9042 116.4074

3. 使用IP地址查询API

可以使用一些免费的IP地址查询API来获取用户所在的国家或地区名称。

代码示例：

fetch('https://ipapi.co/json/')
  .then(response => response.json())
  .then(data => console.log(data.country_name));

输出样例：

China

需要注意的事项

• window.navigator.geolocation API需要用户同意共享其位置信息。如果用户拒绝共享，该方法将不会返回任何数据。
• IP地址查询API可能会收集用户的IP地址。在遵守隐私权法规的前提下，应该选择可靠的API服务提供商。