我一直在尝试使用JavaScript检测浏览器语言首选项。
如果我在IE的“工具>Internet选项>常规>语言”中设置浏览器语言，如何使用JavaScript读取此值?
火狐也有同样的问题。我无法检测工具>选项>内容>语言使用导航器.language的设置。
使用导航器。userLanguage，它检测设置通过 打开>ControlPanel>RegionalandLanguageOptions>Regional Options选项卡。
我已经用navigator测试过了。browserLanguage和navigator。systemLanguage但都不返回第一个设置的值(Tools>InternetOptions>General>Languages)
我找到了一个详细讨论这个问题的链接，但这个问题仍然没有答案:(
当前回答
我认为这里的主要问题是浏览器设置实际上并不影响导航器。通过javascript获得的语言属性。
它们所影响的是HTTP 'Accept-Language'报头，但似乎这个值在javascript中根本不可用。(可能是为什么@anddoutoi说他找不到一个不涉及服务器端的参考。)
我已经编写了一个解决方案:我已经在http://ajaxhttpheaders.appspot.com上创建了一个谷歌应用程序引擎脚本，它将通过JSONP返回HTTP请求头。
(注意:这是一个黑客，只有当你没有一个可用的后端，可以为你这样做。一般来说，你不应该在你的页面中调用第三方托管的javascript文件，除非你对主机有很高的信任。)
我打算把它永久地留在那里，所以在你的代码中可以自由地使用它。
下面是一些示例代码(使用jQuery)，告诉您如何使用它
$.ajax({
url: "http://ajaxhttpheaders.appspot.com",
dataType: 'jsonp',
success: function(headers) {
language = headers['Accept-Language'];
nowDoSomethingWithIt(language);
}
});
希望有人觉得这有用。
编辑:我在github上写了一个小的jQuery插件，它包装了这个功能:https://github.com/dansingerman/jQuery-Browser-Language
编辑2:以下是在AppEngine上运行的代码(真的非常简单):
class MainPage(webapp.RequestHandler):
def get(self):
headers = self.request.headers
callback = self.request.get('callback')
if callback:
self.response.headers['Content-Type'] = 'application/javascript'
self.response.out.write(callback + "(")
self.response.out.write(headers)
self.response.out.write(")")
else:
self.response.headers['Content-Type'] = 'text/plain'
self.response.out.write("I need a callback=")
application = webapp.WSGIApplication(
[('/', MainPage)],
debug=False)
def main():
run_wsgi_app(application)
if __name__ == "__main__":
main()
Edit3:在这里开放应用引擎代码:https://github.com/dansingerman/app-engine-headers
其他回答
我有一个不同的方法，这可能会在未来帮助到一些人:
客户想要一个可以交换语言的页面。 我需要通过该设置格式化数字(不是浏览器设置/不是任何预定义的设置)
因此，我根据配置设置(i18n)设置了初始设置
$clang = $this->Session->read('Config.language');
echo "<script type='text/javascript'>var clang = '$clang'</script>";
后来在脚本中，我使用了一个函数来确定我需要的数字格式
function getLangsettings(){
if(typeof clang === 'undefined') clang = navigator.language;
//console.log(clang);
switch(clang){
case 'de':
case 'de-de':
return {precision : 2, thousand : ".", decimal : ","}
case 'en':
case 'en-gb':
default:
return {precision : 2, thousand : ",", decimal : "."}
}
}
所以我使用了页面的设置语言，作为退步，我使用了浏览器设置。
这对测试也有帮助。
根据客户的不同，您可能不需要这些设置。
如果您不想依赖外部服务器，并且您有自己的服务器，您可以使用一个简单的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);
}
我一直在使用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出现错误。增加了跳过这些属性的检查。
值得注意的是，维基媒体的通用语言选择器库有这样做的钩子: https://www.mediawiki.org/wiki/Extension:UniversalLanguageSelector
请参见resources/js/ext.ul .init.js中的getFrequentLanguageList函数。直接联系: https://gerrit.wikimedia.org/r/gitweb?p=mediawiki/extensions/UniversalLanguageSelector.git;a=blob;f=resources/js/ext.uls.init.js;hb=HEAD
它仍然取决于服务器，或者更具体地说，取决于MediaWiki API。我展示它的原因是，它可以提供一个很好的示例，用于获取关于用户语言的所有有用信息:浏览器语言、Accept-Language、地理位置(从CLDR获取国家/语言信息)，当然还有用户自己的站点首选项。
没有合适的方法来获得该设置，至少不是独立于浏览器的设置。
但是服务器有这个信息，因为它是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
