用于检测浏览器语言首选项的JavaScript

我一直在尝试使用JavaScript检测浏览器语言首选项.

如果我在IE中设置浏览器语言Tools>Internet Options>General>Languages,如何使用JavaScript读取此值？

Firefox的问题相同.我无法检测到tools>options>content>languages使用的设置navigator.language.

使用时 navigator.userLanguage ,它会检测通过Start>ControlPanel>RegionalandLanguageOptions>Regional Options选项卡完成的设置 .

我曾与测试navigator.browserLanguage,并navigator.systemLanguage但没有返回第一个设置的值(Tools>InternetOptions>General>Languages)

我找到了一个详细讨论这个问题的链接,但问题仍然没有答案:(

我认为这里的主要问题是浏览器设置实际上并不影响navigator.language通过javascript获得的属性.

他们做了什么影响是HTTP"接受语言"头,但现在看来这个值不可通过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

var language = window.navigator.userLanguage || window.navigator.language;
alert(language); //works IE/SAFARI/CHROME/FF

window.navigator.userLanguage仅限IE,它是Windows控制面板中设置的语言- 区域选项而非浏览器语言,但您可以假设使用设置为France的Window Regional设置的计算机的用户可能是法国用户.

navigator.language 是FireFox和所有其他浏览器.

一些语言代码:'it'= italy,'en-US'= english US等.

正如rcoup和WebMacheter在下面的评论中所指出的,当用户在IE以外的浏览器中查看网站时,这种解决方法不会让您区分英语方言.

window.navigator.language(Chrome/FF/Safari)总是返回浏览器语言,而不是浏览器的首选语言,但是:"英语使用者(gb,au,nz等)使用en-us版本的Firefox/Chrome/Safari非常常见." 因此即使用户首选语言window.navigator.language仍然会返回.en-USen-GB

2014年更新.

现在有一种方法可以使用navigator.languages在Firefox和Chrome中获取Accept-Languages (适用于Chrome> = 32和Firefox> = 32)

此外,Firefox中的navigator.language反映了最受欢迎的内容语言,而不是UI的语言.但由于这个概念尚未被其他浏览器支持,因此它不是很有用.

因此,要尽可能获得最首选的内容语言,并使用UI语言作为后备:

navigator.languages
    ? navigator.languages[0]
    : (navigator.language || navigator.userLanguage)

我在Angular Translate模块中遇到了这段代码来检测浏览器的语言,你可以在这里找到源代码.我通过将angular.isArray替换为Array.isArray来略微修改代码,使其独立于Angular库.

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());

var language = navigator.languages && navigator.languages[0] || // Chrome / Firefox
               navigator.language ||   // All browsers
               navigator.userLanguage; // IE <= 10

console.log(language);

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]];
            len = language.length;
            if (!shortLanguage && len) {
                shortLanguage = language;
            }
            if (language && len > 2) {
                return language;
            }
        }

        return shortLanguage;
    }

console.log(getFirstBrowserLanguage());

var [lang, locale] = (((navigator.userLanguage || navigator.language).replace('-', '_')).toLowerCase()).split('_');

var language = window.navigator.userLanguage || window.navigator.language;//returns value like 'en-us'

jQuery.i18n.browserLang();//returns value like '"en-US"'

chrome.i18n.getAcceptLanguages(function(languages) {
  console.log(languages);
  // ["en-AU", "en", "en-US"]
});

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');

navigator.languages