Get current locale of Chrome

Question

I am determining the current locale of the browser using this API:

var language = window.navigator.userLanguage || window.navigator.language;

This return "fr-FR" in IE, but it returns just "fr" in Chrome (and similarly for other locales).

Is there another API that will return "fr-FR" in Chrome as well?

We rely on this to load the appropriate culture files.

Answer 1

Update:

As of Sept 2021 Chrome has pretty extensive support for the Intl library.

function getClientLocale() {
  if (typeof Intl !== 'undefined') {
    try {
      return Intl.NumberFormat().resolvedOptions().locale;
    } catch (err) {
      console.error("Cannot get locale from Intl")
    }
  }
}

Otherwise you can fallback to the window.navigator object:

Firefox and Chrome have a languages array on the navigator object. Normally the first element in that array is the users chosen locale (normally inherited from the OS settings)

var language;
if (window.navigator.languages) {
    language = window.navigator.languages[0];
} else {
    language = window.navigator.userLanguage || window.navigator.language;
}

The navigator.languages array in chrome for me is ["en-GB", "en-US", "en"] whereas navigator.language = "en-US", slightly different but important