javascript - 我应该如何本地化现有的 JavaScript Web 应用程序？

Question

我有一项非常棘手的任务要做:我现在必须本地化一个现有的 Web 项目(2 个 HTML 文件、一些插件和一个包含大约 2000 行代码的主要 JavaScript 文件)。毫无疑问，这应该早点考虑，但他们只是错过了。您将如何寻找解决方案？

有几个元素只有几个文本元素，它们在页面最初加载时就存在。但也有很多 DOM 元素和错误警报，它们是动态添加和删除(使用 jQuery)的。

我想我将在服务器(.NET/C#)上拥有具有唯一名称/编号的文本资源(哪种文件？)。在加载网页时，我可以检测用户代理的语言，然后将其发送到服务器，以便“它”准备正确的资源。然后我应该有一个像 getText(uniqueName) 这样的方法，它通过 AJAX 从服务器请求正确的文本。但这会产生大量 AJAX 请求。

我只有一些想法，但还没有什么“真实”的。

你能帮忙出出主意吗？服务器必须处理什么，脚本将处理什么，以及如何处理？

谢谢。

Answer 1

我使用单独的 .js 文件，例如 strings-en.js。我根据用户数据库中的设置动态加载 .js 文件。

演示:http://jsfiddle.net/ThinkingStiff/uUTkN/

strings-en.js:

var STRINGS = {

    "userLabel": "username",
    "userPlaceholder": "enter username..."

    //...

};

HTML:

<script src="strings-en.js"></script>

<label id="user-label" for="user"></label>
<input id="user" />

CSS:

#user-label::after
{
content: ":";  
}

脚本:

document.getElementById( 'user-label' ).textContent = STRINGS.userLabel;
document.getElementById( 'user' ).setAttribute( 'placeholder', STRINGS.userPlaceholder );

输出: