根据语言首选项设置提供语言文件

Question

在我的 ember 应用程序中，我支持不同的语言。我是这样做的：

这是index.html的一部分：

<script src="scripts/vendor/ember.js"></script>
<script src="scripts/vendor/ember-i18n.js"></script>
...
<script>window.mynamespace = {};</script>
<script src="scripts/languages/en.js"></script>
<script src="scripts/ember_application.js"></script>

在我的languages/es.js 中，我按照ember-i18n 的预期配置了一个翻译对象：

var lang = {
    key1 : 'Translation1',
    ...
};
window.mynamespace.lang = lang;

现在在我的 Ember 应用程序中，我可以这样做：

Ember.I18n.translations = window.mynamespace.lang;
var App = Ember.Application.createWithMixins({...});

我有三个问题：

1. 是否有另一种提供多语言页面的方法？具体来说，我不太喜欢window.mynamespace 的使用，但我不知道在创建我的 ember 应用程序之前如何共享这些设置。
2. 如何根据浏览器中的语言首选项设置（通过 HTTP 请求）提供不同的语言文件，例如 scripts/languages/es.js？
3. 而这个更难：如何根据数据库设置（属于我的应用程序的用户配置文件）提供不同的语言文件？此设置将覆盖 HTTP 请求中的*语言首选项设置。

Answer 1

我这样做的方法是保留几个单独的语言文件，找出浏览器的语言设置，然后加载适当的文件。这是我正在使用的功能（很可能并不完美，但它可以满足您的期望）：

function loadLanguage() {
    "use strict";
    if (window.navigator.language) {
        LocalLanguage = window.navigator.language;
    } else if (window.navigator.userLanguage) {
        LocalLanguage = window.navigator.userLanguage;
    } else {
        LocalLanguage = "en";
    }

    var fileref = document.createElement('script');
    fileref.setAttribute("type", "text/javascript");

    switch (LocalLanguage) {
    case "cs-CZ":
    case "cs":
        LocalLanguage = "cs";
        fileref.setAttribute("src", "Language/cz-CZ.js");
        document.getElementsByTagName("head")[0].appendChild(fileref);
        break;
    default:
        LocalLanguage = "";
        fileref.setAttribute("src", "Language/en-EN.js");
        document.getElementsByTagName("head")[0].appendChild(fileref);
        break;
    }
}

LocalLanguage 是一个全局变量，无论使用何种浏览器，我都可以快速找出语言设置。

问题 3： 至于根据数据库中的设置提供不同的文件，实际上这听起来相当简单 - 在您的代码中，您必须决定要使用哪种本地化。只需检查是否有用户定义的本地化（将其存储在某处，或最初将语言首选项设置为“无”或数据库中的其他内容，然后检查用户是否已更改，任何类似的内容）以及用户是否定义了本地化，只需跳过检查浏览器语言设置的整个过程，只需获取数据库中设置的值即可。