我一直在尝试使用JavaScript检测浏览器语言首选项。
如果我在IE的“工具>Internet选项>常规>语言”中设置浏览器语言，如何使用JavaScript读取此值?
火狐也有同样的问题。我无法检测工具>选项>内容>语言使用导航器.language的设置。
使用导航器。userLanguage，它检测设置通过 打开>ControlPanel>RegionalandLanguageOptions>Regional Options选项卡。
我已经用navigator测试过了。browserLanguage和navigator。systemLanguage但都不返回第一个设置的值(Tools>InternetOptions>General>Languages)
我找到了一个详细讨论这个问题的链接，但这个问题仍然没有答案:(
当前回答
没有合适的方法来获得该设置，至少不是独立于浏览器的设置。
但是服务器有这个信息，因为它是HTTP请求头的一部分(Accept-Language字段，参见http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.4)
所以唯一可靠的方法是从服务器获取答案。你需要一些在服务器上运行的东西(比如。asp， .jsp， .php, CGI)，这个“东西”可以返回这些信息。 好的例子如下:http://www.developershome.com/wap/detection/detection.asp?page=readHeader
其他回答
如果您不想依赖外部服务器，并且您有自己的服务器，您可以使用一个简单的PHP脚本来实现与@DanSingerman answer相同的行为。
languageDetector.php:
<?php
$lang = substr($_SERVER['HTTP_ACCEPT_LANGUAGE'], 0, 2);
echo json_encode($lang);
?>
只需从jQuery脚本中更改这几行:
url: "languageDetector.php",
dataType: 'json',
success: function(language) {
nowDoSomethingWithIt(language);
}
2014年更新。
现在有一种方法可以使用导航器在Firefox和Chrome中获得Accept-Languages。语言(适用于Chrome >= 32和Firefox >= 32)
另外,导航器。这些年来Firefox的语言反映了最受欢迎的内容语言，而不是UI语言。但是由于这个概念还没有得到其他浏览器的支持，所以它并不是很有用。
所以，尽可能获得最受欢迎的内容语言，并使用UI语言作为后备:
navigator.languages
? navigator.languages[0]
: (navigator.language || navigator.userLanguage)
Dan Singerman的回答有一个问题，因为jQuery ajax的异步特性，获取的头文件必须立即使用。但是，使用他的谷歌应用服务器，我编写了以下内容，以便将报头设置为初始设置的一部分，并可以在以后使用。
<html>
<head>
<script>
var bLocale='raw'; // can be used at any other place
function processHeaders(headers){
bLocale=headers['Accept-Language'];
comma=bLocale.indexOf(',');
if(comma>0) bLocale=bLocale.substring(0, comma);
}
</script>
<script src="jquery-1.11.0.js"></script>
<script type="application/javascript" src="http://ajaxhttpheaders.appspot.com?callback=processHeaders"></script>
</head>
<body>
<h1 id="bLocale">Should be the browser locale here</h1>
</body>
<script>
$("#bLocale").text(bLocale);
</script>
</html>
对于这个问题，DanSingerman有一个很好的解决方案。
该语言的唯一可靠来源是http请求头。 因此，您需要一个服务器端脚本来回复请求报头，或者至少是Accept-Language字段。
这是一个非常简单的Node.js服务器，它应该与DanSingermans的jQuery插件兼容。
var http = require('http');
http.createServer(function (req, res) {
res.writeHead(200, {'Content-Type': 'text/plain'});
res.end(JSON.stringify(req.headers));
}).listen(80,'0.0.0.0');
我一直在使用Hamid的答案一段时间，但在语言数组像["en"， "en- gb "， "en- us "， "fr- fr"， "fr"， "en- za "]的情况下，它将返回"en"，当"en- gb "将是一个更好的匹配。
我的更新(下面)将返回第一个长格式的代码，例如。"en-GB"，否则将返回第一个短代码，例如。"en"，否则返回null。
function getFirstBrowserLanguage() { var nav = window.navigator, browserLanguagePropertyKeys = ['language', 'browserLanguage', 'systemLanguage', 'userLanguage'], i, language, len, shortLanguage = null; // support for HTML 5.1 "navigator.languages" if (Array.isArray(nav.languages)) { for (i = 0; i < nav.languages.length; i++) { language = nav.languages[i]; len = language.length; if (!shortLanguage && len) { shortLanguage = language; } if (language && len>2) { return language; } } } // support for other well known properties in browsers for (i = 0; i < browserLanguagePropertyKeys.length; i++) { language = nav[browserLanguagePropertyKeys[i]]; //skip this loop iteration if property is null/undefined. IE11 fix. if (language == null) { continue; } len = language.length; if (!shortLanguage && len) { shortLanguage = language; } if (language && len > 2) { return language; } } return shortLanguage; } console.log(getFirstBrowserLanguage());
更新:当某些属性未定义时，IE11出现错误。增加了跳过这些属性的检查。
