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

【问题标题】：Localization in a web app using JavaScript and JSON使用 JavaScript 和 JSON 在 Web 应用程序中进行本地化
【发布时间】：2011-02-23 12:03:33
【问题描述】：

我正在尝试设置一个脚本来自动本地化 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 知识很基础，虽然我已经考虑过了，但我无法确定如何实际实现它。

非常感谢任何可以提供任何提示或示例的人！

【问题讨论】：

实际上不需要使用realod进行语言切换，因此最好将每种语言放在自己的文件中。

标签： javascript json web-applications localization

【解决方案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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：

【解决方案3】：

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

【讨论】：