前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js获取浏览器默认语言设置

js获取浏览器默认语言设置

作者头像
用户1065635
发布2019-11-28 21:25:48
5.6K0
发布2019-11-28 21:25:48
举报
文章被收录于专栏:前端社区前端社区

项目用到多语言,之前也接触过,不过没有自测过,通过自测,写出通用比较简化的方法

代码语言:javascript
复制
// i18n
import i18n from './i18n'
let lang = navigator.language||navigator.userLanguage
i18n.locale = lang.substr(0, 2) || 'en'

网上别的常见方法

代码语言:javascript
复制
<script type="text/javascript">
  var type = navigator.appName;
  if (type == "Netscape"){
      var lang = navigator.language;//获取浏览器配置语言,支持非IE浏览器
  }else{
      var lang = navigator.userLanguage;//获取浏览器配置语言,支持IE5+ == navigator.systemLanguage
  };
  var lang = lang.substr(0, 2);//获取浏览器配置语言前两位
  if (lang == "zh"){
      alert(lang);
      //window.location.replace('url');//中文编码时打开链接
  }else if (lang == "en"){
      window.location.replace('url');
  }else{//其他语言编码时打开以下链接
      window.location.replace('url');
  };
</script>

文中截取lang的前2位字符,是因为浏览器语言返回值可能是:

zh-CN Chinese(PRC)

zh-TW Chinese(Taiwan Region)

zh-HK Chinese(Hong Kong SAR, PRC)

zh-SC Chinese(Singapore)

en-US English(United States)

en English

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档