我一直在尝试使用JavaScript检测浏览器语言首选项。
如果我在IE的“工具>Internet选项>常规>语言”中设置浏览器语言，如何使用JavaScript读取此值?
火狐也有同样的问题。我无法检测工具>选项>内容>语言使用导航器.language的设置。
使用导航器。userLanguage，它检测设置通过 打开>ControlPanel>RegionalandLanguageOptions>Regional Options选项卡。
我已经用navigator测试过了。browserLanguage和navigator。systemLanguage但都不返回第一个设置的值(Tools>InternetOptions>General>Languages)
我找到了一个详细讨论这个问题的链接，但这个问题仍然没有答案:(
当前回答
如果你控制了一个后端并且使用django, Dan的想法的4行实现是:
def get_browser_lang(request):
if request.META.has_key('HTTP_ACCEPT_LANGUAGE'):
return JsonResponse({'response': request.META['HTTP_ACCEPT_LANGUAGE']})
else:
return JsonResponse({'response': settings.DEFAULT_LANG})
然后在urls.py中:
url(r'^browserlang/$', views.get_browser_lang, name='get_browser_lang'),
在前端:
$.get(lg('SERVER') + 'browserlang/', function(data){
var lang_code = data.response.split(',')[0].split(';')[0].split('-')[0];
});
(当然，你必须在settings.py中设置DEFAULT_LANG)
其他回答
Javascript方法:
var language = window.navigator.userLanguage || window.navigator.language;//returns value like 'en-us'
如果你正在使用jQuery。I18n插件，你可以使用:
jQuery.i18n.browserLang();//returns value like '"en-US"'
没有合适的方法来获得该设置，至少不是独立于浏览器的设置。
但是服务器有这个信息，因为它是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
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());
如果你控制了一个后端并且使用django, Dan的想法的4行实现是:
def get_browser_lang(request):
if request.META.has_key('HTTP_ACCEPT_LANGUAGE'):
return JsonResponse({'response': request.META['HTTP_ACCEPT_LANGUAGE']})
else:
return JsonResponse({'response': settings.DEFAULT_LANG})
然后在urls.py中:
url(r'^browserlang/$', views.get_browser_lang, name='get_browser_lang'),
在前端:
$.get(lg('SERVER') + 'browserlang/', function(data){
var lang_code = data.response.split(',')[0].split(';')[0].split('-')[0];
});
(当然，你必须在settings.py中设置DEFAULT_LANG)
我也遇到了同样的问题，于是我编写了以下前端专用库，它为多种浏览器打包了代码。代码并不多，但不用在多个网站上复制和粘贴相同的代码。
Get it: acceptedlanguages.js
使用它:
<script src="acceptedlanguages.js"></script>
<script type="text/javascript">
console.log('Accepted Languages: ' + acceptedlanguages.accepted);
</script>
它总是返回一个数组，按用户偏好排序。在Safari和IE中，数组总是单长度的。在FF和Chrome中，它可能不止一种语言。
