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

时间: 2024-08-02 23:23:02

navigator.language介绍的相关文章

navigator.language 代表什么?----转载

为了追本溯源我去查看了 MDN 上的描述,原文是这么说的: The NavigatorLanguage.language read-only property returns a string representing the preferred language of the user, usually the language of the browser UI. 注意,文档在说是浏览器 UI 语言的前面加了一个usually,也就是通常是浏览器 UI 语言.英语还是一门非常严苛的语言的,所

Navigator对象关于语言的属性

[摘要]在做国际化WEB项目的时候,遇到了一个根据用户浏览器所使用的自然语言切换默认语言版本的问题.于是,整理了这篇文章. 首先,W3Cschool关于Navigator的各个属性值说的很明确了,这里不再赘述. 然后,从各个浏览器的Navigator对象关于语言的属性上分析差异. 1.Google Chrome的navigator: 可以看到,Google Chrome 有两个关于语言的属性: language和languages.前者是返回当前的浏览器语言,后者是浏览器的所有可使用语言版本(G

使用navigator对象,输出当前浏览器的信息

<script type="text/javascript"> with(document) { write("你的浏览器信息:<ol>"); write("<li>代码:"+navigator.appCodeName); write("<li>名称:"+navigator.appName); write("<li>版本:"+navigator.a

利用 JavaScript 快速切换正体中文和简体中文

一般商业网站都有一个语言的需求,就是为了照顾使用正体中文的国人,会特地提供一个切换到正体中文的选项(或曰"繁体中文").传统做法是在服务端完成的,即通过某些控件或者过滤器转换文本语言.这里笔者介绍一种简单可行的方法,不是在服务端而是利用前端的 JavaScript 就可以切换正体中文. 大概六年前我还专门写过这议题的博文,这篇也是奠基在那篇文章(旧文也是参考了一高手代码)之上,<对 JavaScript 繁简字切换的小改进>.时过境迁,有必要把代码进行更新一下--以前的太稚

网站数据统计分析中的日志收集原理及其实现

> 网站数据统计分析工具是网站站长和运营人员经常使用的一种工具,比较常用的有谷歌分析.百度统计 和 腾讯分析等等.所有这些统计分析工具的第一步都是网站访问数据的收集.目前主流的数据收集方式基本都是基于javascript的.本文将简要分析这种数据收集的原理,并一步一步实际搭建一个实际的数据收集系统. 1.数据收集原理分析 简单来说,网站统计分析工具需要收集到用户浏览目标网站的行为(如打开某网页.点击某按钮.将商品加入购物车等)及行为附加数据(如某下单行为产生的订单金额等).早期的网站统计往往只收

使用Nginx和Logstash以及kafka来实现网站日志采集的详细步骤和过程

使用Nginx和Logstash以及kafka来实现网站日志采集的详细步骤和过程 环境介绍: linux虚拟机3台,主机名分别为hadoop01.hadoop02和hadoop03; 在这3台虚拟机上分别部署了3个Zookeeper,这里Zookeeper的具体安装步骤不做介绍; 在这3台虚拟机上分别部署了3个kafka,这里kafka的具体安装步骤也不做介绍; 我们在hadoop02这台机器上安装一个Logstash,其安装过程非常简单,解压既可使用; ====================

使用nginx lua实现网站统计中的数据收集

使用nginx lua实现网站统计中的数据收集 导读 网站数据统计分析工具是各网站站长和运营人员经常使用的一种工具,常用的有 谷歌分析.百度统计和腾讯分析等等.所有这些统计分析工具的第一步都是网站访问数据的收集.目前主流的数据收集方式基本都是基于javascript的.在此简要分析数据收集的原理,并按照步骤,带领大家一同搭建一个实际的数据收集系统. 数据收集原理分析 简单来说,网站统计分析工具需要收集到用户浏览目标网站的行为(如打开某网页.点击某按钮.将商品加入购物车等)及行为附加数据(如某下单

【转】Web前端黑客技术揭秘{笔记}

原文 http://www.cnblogs.com/r00tgrok/articles/Web-Hacking.html 前些日子看完了白帽子讲Web安全,当时就PHP安全一 章做了点小笔记,感觉看书还是留下点东西比较好.翻开Web前端黑客技术揭秘一书决定要做笔记,但是这样下来其实进度就比较慢了,敲字做笔记绝对远比看书 来的慢.有时候上午看完的内容做笔记时要花一天时间,一方面是要敲字,另一方面是自己只从书上摘录部分内容有时候需要将其串起来,还有就是碰上自己想发两 句言也会拖慢进度.总之现在书是看

网站统计中的数据收集原理及实现

转载自:http://blog.sina.com.cn/s/blog_62b832910102w5mx.html Avinash Kaushik将点击流数据的获取方式分为4种:log files.web beacons.JavaScript tags和packet sniffers,其中包嗅探器(packet sniffers)比较不常见,最传统的获取方式是通过WEB日志文件(log files):而beacons和JavaScript是目前较为流行的方式,Google Analytics目前就