Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

Created August 12, 2015 09:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save anonymous/fc35fdd7e237696f13f1 to your computer and use it in GitHub Desktop.
Save anonymous/fc35fdd7e237696f13f1 to your computer and use it in GitHub Desktop.
Detect browser language in javascript (utilizing lodash)
// These window.navigator contain language information
// 1. languages -> Array of preferred languages (eg ["en-US", "zh-CN", "ja-JP"]) Firefox^32, Chrome^32
// 2. language -> Preferred language as String (eg "en-US") Firefox^5, IE^11, Safari,
Chrome sends Browser UI language
// 3. browserLanguage -> UI Language of IE
// 4. userLanguage -> Language of Windows Regional Options
// 5. systemLanguage -> UI Language of Windows
var browserLanguagePropertyKeys = ['languages', 'language', 'browserLanguage', 'userLanguage', 'systemLanguage'];
var availableLanguages = ['de', 'en']
var browserLocale = _.chain(window.navigator)
.pick(browserLanguagePropertyKeys) //Get only language properties
.values() //Get values of the properties
.flatten() //flatten all arrays
.compact() //Remove undefined values
.map(function (x) {
return x.substr(0, 2); //Shorten strings to use two chars (en-US -> en)
})
.find(function (x) {
return _.contains(availableLanguages, x); //Returns first language matched in available languages
})
.value();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment