给常联系页面加了个英文

2024年01月13日 1.4k阅读 2评论 6点赞

首页
/
技术
/
正文

　　因为自己有时候可能会和一些外国友人交流，所以挺早之前就想给自己的常联系页面加一个英语，但是一直没去行动。我认识一个来自埃及的朋友，之前经常和他一起打游戏啥的，但是三个多月前，他突然就没任何动静了。

我问了很久，他也没回复。终于半个月前(这半个月没怎么上线)，他回复了我：

　　这次经历教会了我们，好朋友之间还是要留下足够多的联系方式。刚好最近不是很忙，就抽出时间给我的联系页加了一个英文的选项：( https://maao.cc/global )
　　我选择是将中文和英文分成两个单独的子目录，访问网站首页时，自动检测用户的语言，跳转到对应的语言目录。实现起来非常简单，只需要15行代码(不完全遵守规范的话，还可以更少)：

<!DOCTYPE html>
<html>
<head>
  <title>maao.cc</title>
  <script>
    var userLang = navigator.language || navigator.userLanguage;

    if (userLang === 'zh-CN') {
      window.location.href = '/cn';
    } else {
      window.location.href = '/global';
    }
  </script>
</head>
</html>

　　这样，访问首页就会自动判断，将用户引导至合适的语言。当用户的语言是 zh-CN (简体中文)时，就自动跳转到https://maao.cc/cn 是其他语言时，就跳转到https://maao.cc/global