html5 多语言支持,多语言HTML5应用程序

我将本地化的字符串存储在JS文件中(每种支持的语言为1)。防爆。 ：

string-en.js：

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

string-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+' !';