navigator 与语言相关的属性在各大浏览器的差异，及获取浏览器语言的正解

问题描述

各浏览器对 navigator 对象中几个与语言相关的属性（language、userLanguage、browserLanguage、 systemLanguage）的返回值存在很大的差异。

问题分析

首先查看一下 navigator 对象中的这几个与 language 相关的属性。

navigator 对象包含有关浏览器的信息。没有应用于 navigator
对象的公开标准，不过所有浏览器都支持该对象。但是其内部一些属性及其返回值在各浏览器并不统一。

• language：返回当前的浏览器语言（来自 Mozilla Developer Center）
• userLanguage：返回操作系统设定的自然语言（来自 MSDN）
• browserLanguage：返回当前的浏览器语言（来自 MSDN）
• systemLanguage：返回当前操作系统的缺省语言（来自 MSDN）

关于 navigator 对象的更多资料，请参见：MSDN、Mozilla Developer Center。

打印出了各浏览器对于这 4 个属性返回值的情况：

解决方案

可以使用下面的代码获取当前浏览器语言：

let lang = (navigator.language || navigator.browserLanguage).toLowerCase()
lang = lang.substr(0, 2);//截取lang前2位字符即可

如何更换浏览器语言

已chrome为例：chrome浏览器设置里边设置，语言环境，如下图设置：

例如：添加了英语

你会看到英语被添加到浏览器语言中

注意这里如果希望生效，需要点击右侧三个点选择 移动到顶部，这个时候浏览器就是英语环境了，如下图

为什么ne

以上截图是MDN的官方说法，也就是说即使你的浏览器设置了英文，也是没有用的，需要将该语言移动到所有语言的前边。

navigator.language 代表的不是浏览器的语言，而是用户更喜欢的语言，这才是最正确的说法。

能不能获取机器的语言

JS还真的是取不到系统的语言类型，只能够获取浏览器的属性系统。IE和opera在几年前是navigator.browerLanguage来获取浏览器的语言，并且通过navigator.systemLanguage获取系统（计算机）语言。但是，后来全部浏览器都用navigator存储浏览器的信息，而ie等浏览器也不能够通过参数获取系统语言了。所以，这里需要说明的是，JS不能够获取系统语言的。