如何使用 JavaScript 获取浏览器当前的本地化偏好？

在开发 Web 应用程序时，了解用户的本地化偏好可以帮助我们提供更好的用户体验。本地化偏好包括用户的语言、时间格式和货币等方面。在本文中，我们将讨论如何使用 JavaScript 获取浏览器当前的本地化偏好。

1. navigator.language 属性

navigator.language 属性返回用户浏览器的首选语言。该属性返回一个字符串，例如 "en-US" 表示英语（美国）。需要注意的是，该属性并不总是返回用户的实际语言设置，因为用户可以在浏览器设置中更改它。

以下是获取 navigator.language 属性的示例代码：

const userLanguage = navigator.language;
console.log(userLanguage); // 输出用户的语言设置，例如 "en-US"

2. Intl 对象

Intl 是一个内置对象，它提供各种国际化功能，包括日期和时间格式化、数字格式化、货币格式化和排序等。我们可以使用 Intl 对象来获取用户的时间格式和货币等信息。

以下是使用 Intl 对象获取用户时间格式的示例代码：

const userLocale = navigator.language;
const dateFormat = new Intl.DateTimeFormat(userLocale).format(new Date());
console.log(dateFormat); // 输出用户的时间格式设置,例如 "4/7/2023" (美式日期格式)

以下是使用 Intl 对象获取用户货币格式的示例代码：

const userLocale = navigator.language;
const currencyFormat = new Intl.NumberFormat(userLocale, { style: 'currency', currency: 'USD' }).format(1000);
console.log(currencyFormat); // 输出用户的货币格式设置，例如 "$1,000.00" (美元货币格式)

3. 小结

在本文中，我们讨论了如何使用 JavaScript 获取浏览器当前的本地化偏好。我们介绍了两种不同的方法：使用 navigator.language 属性获取用户的语言设置，并使用 Intl 对象获取用户的时间格式和货币等信息。通过了解用户的本地化偏好，我们可以为用户提供更好的体验。

4. 参考

• MDN Web Docs: navigator.language
• MDN Web Docs: Intl.DateTimeFormat()
• MDN Web Docs: Intl.NumberFormat()

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/28023