打印

BX2040: 各浏览器对 navigator 对象中几个与语言相关的属性的返回值存在差异

作者:陆远

标准参考

问题描述

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

造成的影响

由于不同浏览器对这几个属性的返回值有很大差异,同时返回的有效值的大小写也有差异。若在获取当前浏览器语言的时候没有考虑到这些差异则可能造成兼容性问题。

受影响的浏览器

所有浏览器  

问题分析

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

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

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

关于 navigator 对象的更多资料,请参见:MSDNMozilla Developer Center

对于浏览器,Mozilla Developer Center 中的 language 属性与 MSDN 中的 browserLanguage 属性描述很像。

分析以下代码:

<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

解决方案

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

(navigator.language || navigator.browserLanguage).toLowerCase()

参见

知识库

相关问题

测试环境

操作系统版本: Windows 7 Ultimate build 7600
浏览器版本: IE6
IE7
IE8
Firefox 3.6.3
Chrome 6.0.422.0 dev
Safari 4.0.5
Opera 10.53
测试页面: nav_lang.html
本文更新时间: 2010-07-15

关键字

navigator language userLanguage browserLanguage systemLanguage 语言