📜  获取用户语言 js - Javascript (1)

📅  最后修改于: 2023-12-03 15:11:52.969000             🧑  作者: Mango

获取用户语言

在前端开发中,我们经常需要获取用户浏览器的语言设置,以便正确展示相应的语言版本的页面或文本。在JavaScript中,我们可以通过以下方式获取用户语言。

navigator.language

navigator.language 属性返回当前浏览器环境的默认语言,是一个字符串。

const userLanguage = navigator.language;
console.log(userLanguage);  // 输出例如 'zh-CN'、'en-US' 等

注意:navigator.language 的返回值格式为 '语言-地区',其中语言使用 ISO 639-1 编码(例如 'zh' 代表中文),地区使用 ISO 3166-1 Alpha-2 编码(例如 'CN' 代表中国)。

navigator.languages

navigator.languages 属性返回用户使用的自然语言环境,按偏好顺序排列,是一个字符串数组。

const userLanguages = navigator.languages;
console.log(userLanguages);  // 输出例如 ['zh-CN', 'en-US', 'zh-TW'] 等

注意:navigator.languages 返回的是浏览器从 HTTP 头部接收到的语言首选项列表,或者由用户在浏览器设置中手动添加、删除或排序的语言列表。

总结

以上两种方式都可以用来获取用户语言,只是返回结果的格式稍有不同。在实际应用中,我们可以根据需求选择合适的方式进行获取。