具有本地化功能的 Tizen 可穿戴网络应用程序

Question

我正在尝试在可穿戴设备的 tizen Web 应用程序中启用本地化。我正在关注 https://developer.tizen.org/ko/development/guides/web-application/localization 以获得本地化。

我已经 language.js 为区域设置中的语言和默认语言设置了语言。内容由 tizen studio 生成，看起来像

TIZEN_L10N=
{
 "todays_food_intake" : "Today's food intake",
 "todays_water_intake" : "Today's water intake"
};

在我的 index.html 中，我将 <script src="language.js"></script> 放在了 <head> 中。

并尝试在 div 中将其用作 <h4 class="some-class">TIZEN_L10N['todays_food_intake']</h4>

但它似乎不起作用。

在可穿戴应用程序中，我得到的是 TIZEN_L10N['todays_food_intake'] 而不是本地化字符串。

我可能遗漏了什么。

PS：我是一名 Android 开发者。

Answer 1

将您的翻译添加到 /locales/de-de、/locales/en-us 等 languages.js 文件中。示例 language.js：

TIZEN_L10N = {
    'lorem': 'ipsum',
    'foo': 'bar'
}

然后向 HTML 中应该具有本地化字符串的元素添加一个属性：

<span data-l10n="lorem"></span>

在你的 JS 中，添加：

for (var i = 0; i < document.querySelectorAll('[data-l10n]').length; i++) {
    var elem = document.querySelectorAll('[data-l10n]')[i];
    elem.innerHTML = TIZEN_L10N[elem.getAttribute('data-l10n')];
}

这将遍历所有具有 data-l10n 属性的元素，并将其 innerHTML 设置为其 data-l10n 属性中找到的键的翻译字符串。

具有本地化功能的 Tizen 可穿戴网络应用程序

Tizen wearable web app with localization

tizen

tizen-web-app

tizen-wearable-sdk

tizen-studio