根據語言偏好更改網站版本

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屬性在不同瀏覽器中的實現方式不同，您可能需要在數組中找到您喜歡的語言（如 window.navigator.languages）。

更好的選擇是在服務器端檢查 HTTP 請求上的Accept-Language標頭，並在服務器端相應地重定向。

還有基於 JavaScript 的國際化方法，但它們通常不涉及重定向站點。