检查javascript中的浏览器语言检测教程

345 阅读1分钟

在这篇博文中,我们将通过实例来了解/检查javascript中的浏览器语言检测。

javascript中的浏览器语言

在javascript中,NavigatorLanguage类有一些属性用于了解浏览器或CLient UI的语言。

有两个只读的属性来检索浏览器语言的细节

这是一个用来告诉客户端浏览器的语言的属性。

这个属性对于检查以下事项总是很有用

  1. 根据用户的语言偏好,提供个性化的区域信息
  2. 它对你的应用程序的本地化很有用

这个属性可能返回的值是 "en"、"en-US"...等等。

console.log(navigator.language) // output en-U  

它是一个返回客户端浏览器首选语言列表的属性,基于用户首选语言的顺序排列。

console.log(navigator.languages) // ["en-US", "en"]  

javascript实例

下面是在各种浏览器中的不同使用例子。

Chrome - 获取用户对浏览器用户界面的首选语言

console.log(window.navigator.language)  
console.log(window.navigator.languages)  

输出是

 en-US  
["en-US", "en"]

火狐浏览器 - 获取用户对浏览器用户界面的首选语言

console.log(window.navigator.language)  
console.log(window.navigator.languages)  

输出是

 en-US  
["en-US", "en"]

Internet Explorer或IE - 获取浏览器语言
在IE的10个版本以下的浏览器中,它总是返回 "en-us"。在最新版本中,它返回 "en-US"。

console.log(window.navigator.userLanguage)  
console.log(window.navigator.browserLanguage)  
console.log(window.navigator.systemLanguage)  

输出是

en-US  
en-US  
en-US  

Safari - 获取用户对浏览器用户界面的偏好语言
在Safari的旧版本中,少于10个版本的浏览器总是返回 "en-us"。在最新的版本中,它返回 "en-US"。

console.log(window.navigator.language)  
console.log(window.navigator.languages)  

输出为

 en-US  
["en-US", "en"]