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

在languages.js，/locales/de-de等/locales/en-us文件中添加您的翻译。示例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可穿戴式网络应用程序与本地化

1 个答案: