素材牛VIP会员
如何让网页内容支持多语言显示?
 34***86  分类:Html5  人气:833  回帖:3  发布于6年前 收藏

如题所示。

讨论这个帖子(3)垃圾回帖将一律封号处理……

Lv4 码徒
风***j 技术总监 6年前#1

想简单的话可以试试Google提供的网站翻译器:https://translate.google.com/manager/website/

Lv2 入门
12***om JAVA开发工程师 6年前#2

你说的是国际化吗?有个i18n的js库,可能对你有用。

Lv4 码徒
风***2 站长 6年前#3

根据navigator.language我们可以获取到浏览器的语言设置,这里是详细资料:navigator.language

如果是中文的话返回的是zh-CN, 英文的话返回的可能是en,en-US等其它的,详细的语言定义可以看这里:语言标签

下面我再给出示例的代码,纯手打,未经实际测试:

var lang = !+[1,] ? navigator.userLanguage : navigator.language;
switch(lang) {
    case 'zh-CN':
      //显示中文的相关操作
    break;
    case 'ja':
      //显示日文的相关操作
    break;
    default:
      //显示英文的相关操作
    break;
 }

这样一般情况下(一般系统和浏览器的语言都是一致的。逆天的操作系统是中文,浏览器是英文的家伙表示你只能用服务器脚本去判断了)是没有问题啦。当然,好像navigator.language对IE的支持不是很好,不过IE的话可以选用navigator.userLanguage这个直接判断操作系统的语言。

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取