📅  最后修改于: 2023-12-03 15:11:52.969000             🧑  作者: Mango
在前端开发中,我们经常需要获取用户浏览器的语言设置,以便正确展示相应的语言版本的页面或文本。在JavaScript中,我们可以通过以下方式获取用户语言。
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
属性返回用户使用的自然语言环境,按偏好顺序排列,是一个字符串数组。
const userLanguages = navigator.languages;
console.log(userLanguages); // 输出例如 ['zh-CN', 'en-US', 'zh-TW'] 等
注意:navigator.languages
返回的是浏览器从 HTTP 头部接收到的语言首选项列表,或者由用户在浏览器设置中手动添加、删除或排序的语言列表。
以上两种方式都可以用来获取用户语言,只是返回结果的格式稍有不同。在实际应用中,我们可以根据需求选择合适的方式进行获取。