jquery - 多语言 HTML5 应用程序

Question

我正在使用 CSS3 和 jQuery 开发 HTML5 应用程序。

我有一些文本想以用户语言显示。你知道我该怎么做吗？

此应用程序将在 Blackberry Playbook 和其他移动设备上运行。

我不知道如何获取用户操作系统语言，或者我必须在哪里放置我的本地化字符串等。

有什么线索吗？

Answer 1

我将我的本地化字符串存储在 JS 文件中(每种支持的语言 1 个)。前任。 :

字符串en.js :

 MyApp.STR = {"Hi":"Hi","By":"By", etc.};

字符串-fr.js :

 MyApp.STR = {"Hi":"Salut","By":"Par", etc.};

在启动时，我加载了关于导航器语言的正确文件:

 loadLocalizedString: function(langParam/*optional*/) {
    var language = window.navigator.language, lang; 
    console.log('loadLocalizedString with Navigator Language: ' + language);
    if (!langParam) {
        //Try to guess the best suited language
        if(language) {
             lang = language.substring(0,2); 
        } else {
             lang = 'en';
        }
        if($.inArray(lang, this.SUPPORTED_LANGUAGE) <= -1) {
            lang = 'en';//If the language is not available : english by default
        }
    } else {
        lang = langParam;
    }

    console.log('language: ' + lang);

    this.loadString('lib/string-'+lang+'.js');
},
    SUPPORTED_LANGUAGE : ["en", "fr", "es", "it"],
loadString:function(fileName) {
    try {
        $.ajaxSetup({async: false});
        $.getScript(fileName);//We don't use the async callback, because we need the translation in the next method
        $.ajaxSetup({async: true});

    } catch (e) {
        console.error('Error while loading : ' + fileName);
    }

}

并在应用程序中使用本地化字符串:

   html = MyApp.STR.Hi+' '+userName+' !';