获取浏览器语言的完美方案
站长推荐:NSetup一键部署软件
一键式完成美化安装包制作，自动增量升级，数据统计，数字签名。应对各种复杂场景，脚本模块化拆分，常规复杂的脚本代码，图形化设置。无需专业的研发经验，轻松完成项目部署。(www.nsetup.cn)
http://www.w3help.org/zh-cn/causes/BX2040
标准参考
无
问题描述
各浏览器对 navigator 对象中几个与语言相关的属性（language、userLanguage、browserLanguage、 systemLanguage）的返回值存在很大的差异。
造成的影响
由于不同浏览器对这几个属性的返回值有很大差异，同时返回的有效值的大小写也有差异。若在获取当前浏览器语言的时候没有考虑到这些差异则可能造成兼容性问题。
受影响的浏览器
| 所有浏览器 |
|---|
问题分析
首先查看一下 navigator 对象中的这几个与 language 相关的属性。
navigator 对象包含有关浏览器的信息。没有应用于 navigator 对象的公开标准，不过所有浏览器都支持该对象。但是其内部一些属性及其返回值在各浏览器并不统一。
- language：返回当前的浏览器语言（来自 Mozilla Developer Center）
- userLanguage：返回操作系统设定的自然语言（来自 MSDN）
- browserLanguage：返回当前的浏览器语言（来自 MSDN）
- systemLanguage：返回当前操作系统的缺省语言（来自 MSDN）
关于 navigator 对象的更多资料，请参见：MSDN、Mozilla Developer Center。
对于浏览器，Mozilla Developer Center 中的 language 属性与 MSDN 中的 browserLanguage 属性描述很像。
分析以下代码：
|
1 2 3 4 5 6 |
<script> document.write('navigator.language:'+navigator.language); document.write('<br>navigator.userLanguage:'+navigator.userLanguage); document.write('<br>navigator.browserLanguage:'+navigator.browserLanguage); document.write('<br>navigator.systemLanguage:'+navigator.systemLanguage); </script> |
代码中打印出了各浏览器对于这 4 个属性返回值的情况：
| IE6 IE7 IE8 | Firefox Chrome Safari | Opera | |
|---|---|---|---|
| navigator.language | undefined | zh-CN | zh-CN |
| navigator.userLanguage | zh-cn | undefined | zh-cn |
| navigator.browserLanguage | zh-cn | undefined | zh-cn |
| navigator.systemLanguage | zh-cn | undefined | undefined |
解决方案
可以使用下面的代码获取当前浏览器语言：
|
1 |
<span style="color: #ff0000;"><strong>(navigator.language || navigator.browserLanguage).toLowerCase()</strong></span> |
示例：<以下示例由博主吕津增加>
PS:
如下图所示，navigator.browserLanguage、navigator.systemLanguage、navigator.userLanguage这三个属性对FireFox不支持。
http://www.w3school.com.cn/tiy/t.asp?f=hdom_navigator
学习日记，兼职软件设计，软件修改，毕业设计。
本文出自 学习日记，转载时请注明出处及相应链接。
本文永久链接: https://www.softwareace.cn/?p=1638
