多语言HTML5应用程序

Question

我正在开发一个带有CSS3和jQuery的HTML5应用程序。

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

此应用程序将运行在黑莓手册和其他移动设备上。

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

任何线索？

Answer 1

我会建议尝试使用Javascript检测浏览器语言。我没有看到使用HTML检测它的直接方式。

下面是解决该问题的链接：

Is there anyway to detect OS language using javascript?

Answer 2

我存储在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+' !';