我一直在尝试使用JavaScript检测浏览器语言首选项。
如果我在IE的“工具>Internet选项>常规>语言”中设置浏览器语言，如何使用JavaScript读取此值?
火狐也有同样的问题。我无法检测工具>选项>内容>语言使用导航器.language的设置。
使用导航器。userLanguage，它检测设置通过 打开>ControlPanel>RegionalandLanguageOptions>Regional Options选项卡。
我已经用navigator测试过了。browserLanguage和navigator。systemLanguage但都不返回第一个设置的值(Tools>InternetOptions>General>Languages)
我找到了一个详细讨论这个问题的链接，但这个问题仍然没有答案:(
当前回答
基于这里的答案，在JavaScript中访问网页的HTTP头文件，我构建了以下脚本来获得浏览器语言:
var req = new XMLHttpRequest();
req.open('GET', document.location, false);
req.send(null);
var headers = req.getAllResponseHeaders().toLowerCase();
var contentLanguage = headers.match( /^content-language\:(.*)$/gm );
if(contentLanguage[0]) {
return contentLanguage[0].split(":")[1].trim().toUpperCase();
}
其他回答
var language = window.navigator.userLanguage || window.navigator.language;
alert(language); //works IE/SAFARI/CHROME/FF
Window .navigator. userlanguage仅适用于IE，并且它是Windows控制面板-区域选项中设置的语言，而不是浏览器语言，但是你可以假设使用窗口区域设置为法国的机器的用户可能是法国用户。
导航器。语言是火狐和所有其他浏览器。
一些语言代码:'it' =意大利语，'en-US' =英语美国，等等。
正如rcoup和The WebMacheter在下面的评论中指出的那样，当用户使用IE以外的浏览器浏览网站时，这种解决方法不会让你区分英语方言。
window.navigator.language (Chrome/FF/Safari)总是返回浏览器语言，而不是浏览器的首选语言，但是:“对于说英语的人(gb, au, nz等)来说，有一个en-us版本的Firefox/Chrome/Safari是很常见的。”因此，window.navigator.language仍然会返回en-US，即使用户首选的语言是en-GB。
我有一个黑客，我认为使用很少的代码，是相当可靠的。
把网站的文件放到子目录中。SSL到您的服务器中，并创建到存储文件的子目录的符号链接，该子目录指示您的语言。
就像这样:
ln -s /var/www/yourhtml /var/www/en
ln -s /var/www/yourhtml /var/www/sp
ln -s /var/www/yourhtml /var/www/it
使用您的web服务器读取HTTP_ACCEPT_LANGUAGE并根据它提供的语言值重定向到这些“不同的子目录”。
现在您可以使用Javascript的window.location.href来获取url，并在条件中使用它来可靠地识别首选语言。
url_string = window.location.href;
if (url_string = "http://yoursite.com/it/index.html") {
document.getElementById("page-wrapper").className = "italian";
}
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>
I came across this piece of code to detect browser's language in Angular Translate module, which you can find the source here. I slightly modified the code by replacing angular.isArray with Array.isArray to make it independent of Angular library. var getFirstBrowserLanguage = function () { var nav = window.navigator, browserLanguagePropertyKeys = ['language', 'browserLanguage', 'systemLanguage', 'userLanguage'], i, language; // support for HTML 5.1 "navigator.languages" if (Array.isArray(nav.languages)) { for (i = 0; i < nav.languages.length; i++) { language = nav.languages[i]; if (language && language.length) { return language; } } } // support for other well known properties in browsers for (i = 0; i < browserLanguagePropertyKeys.length; i++) { language = nav[browserLanguagePropertyKeys[i]]; if (language && language.length) { return language; } } return null; }; console.log(getFirstBrowserLanguage());
对于这个问题，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');
