我一直在尝试使用JavaScript检测浏览器语言首选项。
如果我在IE的“工具>Internet选项>常规>语言”中设置浏览器语言，如何使用JavaScript读取此值?
火狐也有同样的问题。我无法检测工具>选项>内容>语言使用导航器.language的设置。
使用导航器。userLanguage，它检测设置通过 打开>ControlPanel>RegionalandLanguageOptions>Regional Options选项卡。
我已经用navigator测试过了。browserLanguage和navigator。systemLanguage但都不返回第一个设置的值(Tools>InternetOptions>General>Languages)
我找到了一个详细讨论这个问题的链接，但这个问题仍然没有答案:(
当前回答
Var语言=导航器。语言和导航器。// Chrome / Firefox . languages[0] || 导航器。language || //所有浏览器 navigator.userLanguage;// IE <= 10 console.log(语言);
https://developer.mozilla.org/en-US/docs/Web/API/NavigatorLanguage/languages https://developer.mozilla.org/en-US/docs/Web/API/NavigatorLanguage/language
尝试PWA模板https://github.com/StartPolymer/progressive-web-app-template
其他回答
如果你控制了一个后端并且使用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)
如果你使用的是ASP . net MVC，你想从JavaScript中获得accept - languages头，那么这里有一个不涉及任何异步请求的变通例子。
在你的.cshtml文件中，将头部安全地存储在div的data- attribute中:
<div data-languages="@Json.Encode(HttpContext.Current.Request.UserLanguages)"></div>
然后你的JavaScript代码可以访问这些信息，例如使用JQuery:
<script type="text/javascript">
$('[data-languages]').each(function () {
var languages = $(this).data("languages");
for (var i = 0; i < languages.length; i++) {
var regex = /[-;]/;
console.log(languages[i].split(regex)[0]);
}
});
</script>
当然，您也可以像其他人提到的那样，对其他服务器技术使用类似的方法。
我有一个不同的方法，这可能会在未来帮助到一些人:
客户想要一个可以交换语言的页面。 我需要通过该设置格式化数字(不是浏览器设置/不是任何预定义的设置)
因此，我根据配置设置(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 : "."}
}
}
所以我使用了页面的设置语言，作为退步，我使用了浏览器设置。
这对测试也有帮助。
根据客户的不同，您可能不需要这些设置。
对于正在寻找Java服务器解决方案的人
这里是RestEasy
@GET
@Path("/preference-language")
@Consumes({"application/json", "application/xml"})
@Produces({"application/json", "application/xml"})
public Response getUserLanguagePreference(@Context HttpHeaders headers) {
return Response.status(200)
.entity(headers.getAcceptableLanguages().get(0))
.build();
}
Javascript方法:
var language = window.navigator.userLanguage || window.navigator.language;//returns value like 'en-us'
如果你正在使用jQuery。I18n插件，你可以使用:
jQuery.i18n.browserLang();//returns value like '"en-US"'
