navigator.language介绍

navigator.language返回一个字符串,该字符串代表用户的首先语言，通常是浏览器使用的语言。navigator.language为只读属性。

用法：

var lang = globalObj.navigator.language

globalObj.navigator.language字符串代表在RFC 4646中定义的语言版本.有效的语言代码例子包括："en", "en-US","fr","es-ES",等。

 浏览器支持

属性	chrome	IE	Firefox	Safari	Opera
language	Yes	11.0	1.0	Yes	Yes

注释：IE10及IE10以下的版本，可以通过userLanguage, browserLanguage 获取:

var lang = navigator.browserLanguage;
//or

var lang = navigator.userLanguage;

但是IE10及IE10以下的版本返回的结果却不是一模一样的。

属性	IE6	IE7	IE8	IE9	IE10
browserLanguage	zh-cn	zh-cn	zh-cn	zh-cn	zh-CN

所以可以这样写：

var lang = navigator.userLanguage||window.navigator.language;
lang = lang.toLowerCase();

如果更改了浏览器语言，navigator.language会不会改变？

IE6-10:

1. 在IE浏览器中，选择Internet选项--》常规--》语言，删除中文简体，添加英语 [en]，确定。

2. 在控制台中输入 navigator.userLanguage 显示的结果不是我们刚设置的en，还是之前的"zh-CN"。

navigator.userLanguage 
//"zh-CN" 

3. 打开Wireshark访问一个网站，抓包。

查看http header，我们发现Accept-Language: en\r\r改变了

所以在IE6-10浏览器中，修改浏览器的语言设置只会改变Accept-Language的值，而不会改变navigator.language.

Firefox:

1. 在Firefox浏览器中，选择 选项 --》内容--》选择。

2. 将英语[en]移到最上面。点击确定。

3. 在控制台中输入navigator.language.可以看到输出结果为"en"

4. 打开Wireshark,在Firefox浏览器中访问网站，抓包：

    可以看到，Accept-Language: en,zh-cn;q=0.8,zh;q=0.5,en-us;q=0.3

在Firefox浏览器中，修改浏览器语言，改变navigator.language值，同时也改变了http header的Accept-Language的值。

所以如果更改了浏览器语言，navigator.language未必会改变。

navigator.languages

    Chrome 32+及Firefox32+版本中，可以通过navigator.languages获取Accept-languages的值。

    所以也可以这样写：

navigator.languages? navigator.languages[0] : (navigator.language || navigator.userLanguage)

 

参考文章：NavigatorLanguage.language

JavaScript for detecting browser language preference