在前端开发过程中，通常会碰到多语言的需求，而默认展示语言需要根据用户的浏览器使用的语言来判断，那么就需要获取览器系统当前使用的语言。这里使用了浏览器的api navigator.language 和 navigator.browserLanguage。值得注意的是主流浏览器都会有 navigator.language，navigator.appName 是 "Netscape"；而ie10以及之前没有 navigator.language 而是 navigator.browserLanguage 代替，navigator.appName 是 navigator.appName 是 "Microsoft Internet Explorer"。
代码演示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>获取浏览器系统当前使用语言</title>
</head>
<body>
<script>
var lang = null;
function language(){
var language = navigator.language || navigator.browserLanguage;
console.log(language); // 当前使用语言
// 根据需求编写需要的代码
if (language.indexOf('en') > -1){
lang = "en"
}else if (language.indexOf('zh') > -1){
lang = "zh"
}else{
// 给出默认值
lang = "en"
}
alert(lang);
}
language();
</script>
</body>
</html>
发表评论：