我一直在尝试使用JavaScript检测浏览器语言首选项。
如果我在IE的“工具>Internet选项>常规>语言”中设置浏览器语言，如何使用JavaScript读取此值?
火狐也有同样的问题。我无法检测工具>选项>内容>语言使用导航器.language的设置。
使用导航器。userLanguage，它检测设置通过 打开>ControlPanel>RegionalandLanguageOptions>Regional Options选项卡。
我已经用navigator测试过了。browserLanguage和navigator。systemLanguage但都不返回第一个设置的值(Tools>InternetOptions>General>Languages)
我找到了一个详细讨论这个问题的链接，但这个问题仍然没有答案:(
当前回答
Let lang = window.navigator.languages ?window.navigator。[0]: null; || window.navigator.language || window.navigator.browserLanguage || window.navigator.userLanguage; let shortLang = lang; if (shortLang.indexOf('-') !== -1) shortLang = shortLang.split('-')[0]; if (shortLang.indexOf('_') !== -1) shortLang = shortLang.split('_')[0]; console.log(朗,shortLang);
我只需要主组件来满足我的需要，但是您可以轻松地使用完整的字符串。适用于最新的Chrome, Firefox, Safari和IE10+。
其他回答
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');
如果您不想依赖外部服务器，并且您有自己的服务器，您可以使用一个简单的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)
我也遇到了同样的问题，于是我编写了以下前端专用库，它为多种浏览器打包了代码。代码并不多，但不用在多个网站上复制和粘贴相同的代码。
Get it: acceptedlanguages.js
使用它:
<script src="acceptedlanguages.js"></script>
<script type="text/javascript">
console.log('Accepted Languages: ' + acceptedlanguages.accepted);
</script>
它总是返回一个数组，按用户偏好排序。在Safari和IE中，数组总是单长度的。在FF和Chrome中，它可能不止一种语言。
