基于语言偏好的网站版本变更

Question

我有一个法文和一个英文版本的我的网站：

*example.com/是我的英文版本。

*example.com/fr/是我的法文版。

因此，他们有可能通过点击一个标志改变网站版本，但默认情况下，如果他们到达example.com，它将用英语。

我想给他们与他们的语言偏好相对应的版本，我发现语言偏好与：

var language = window.navigator.userLanguage || window.navigator.language;

但是，我使用什么代码，以便当他们到达网页时，它会根据用户的语言偏好给出版本？

而如果网站给出一个法语版本而用户想要英文版，仍然有可能手动修改。

Answer 1

你必须重定向他们：

if (window.navigator.language === 'fr') {
    window.location.href = "http://example.com/fr/";
}

请记住，window.navigator.language属性是implemented differently across browsers，您可能必须在数组中找到首选语言(如window.navigator.languages)。

更好的选择是在服务器端检查Accept-Language请求上的header，然后在服务器端相应地重定向。

还有一些JavaScript-based国际化方法，但它们通常不涉及重定向站点。