使用JavaScript和JSON在Web应用程序中进行本地化

Question

我正在尝试设置脚本以自动本地化Web应用程序。由于Web应用程序旨在使用HTML5的脱机缓存功能，因此它需要能够脱机工作。因此，JavaScript在我看来是最好的选择。

我更喜欢将所有本地化的所有字符串放在一个JSON文件中，如下所示：

{
    "en": {
        "application_description": "This is the application's description in English.",
        "application_name": "This is the application's name in English."
    },
    "ja": {
        "application_description": "This is the application's description in Japanese.",
        "application_name": "This is the application's name in Japanese."
    }
}

我想的可能是将所有元素本地化为链接到预期消息的自定义属性（例如：i18n =“application_name”）。

我可以使用navigator.language检索浏览器的语言，但我认为某些结果必须分成第一部分（例如：“en-US”“en-GB”和“en-AU”应该都是指“en”）。

然而，我的JavaScript知识是基本的，虽然我已经考虑过了，但我无法确定如何实际实现它。

非常感谢能够提供任何提示或示例的任何人！

Answer 1

您可以使用维基媒体JQuery.i18n。

• 文档：https://github.com/wikimedia/jquery.i18n/wiki/API
• 演示：http://thottingal.in/projects/js/jquery.i18n/demo/
• 消息语法：https://github.com/wikimedia/jquery.i18n/wiki/Message-Syntax

Answer 2

http://keith-wood.name/localisation.html

https://github.com/coderifous/jquery-localize

我也没有任何个人经验，但两者似乎都有相当好的记录。

Answer 3

根据您的需要，jquery-localize函数可能运行良好。如果您需要一个更复杂的结构来反映您网站的结构，那么本地化库可能会更有用：https://github.com/kflorence/localize