Tizen 可穿戴 Web 小部件可见性更改和调试

Question

我在使用 Tizen 可穿戴 Web Widgets 时遇到了一些问题。

我刚刚使用 HTML + JS 创建了一个示例项目，并尝试根据生命周期 -> 加载/可见性更改中描述的事件更新页面

示例代码可在以下位置找到：https://github.com/Ryccoo/widget-test/blob/master/widget/StockQuote/js/main.js

当我添加小部件时，我可以看到文本 "something" -> 表示已成功调用 onload 函数。

但是，如前所述，滑动到另一个小部件并返回不会触发 visibilityChange 事件。

如何在用户滚动到此小部件时正确上传内容？

另一个问题是如何调试网页小部件？您无法运行调试以交互方式调试带有小部件的程序（仅适用于网络应用程序），当我想打印一些东西到控制台时，我只看到

The web console logging API (console.log, console.info, console.warn, console.error) has been disabled. To activate it, you should launch project with Debug mode.

如何在调试模式下启动小部件？

谢谢

Answer 1

Tizen Studio 尚不支持 Web 小部件调试功能。

但我已经测试了可见性更改事件的代码，它在我的 Samsung Gear S3 上运行良好。每次我在小部件之间切换时，都会调用可见性更改回调。您可以试试这个代码示例：

项目文件夹 > 小部件文件夹> index.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="css/style.css">
</head>

<body>
    <div class="main-container Panel">
        <div id="Visibility"> Visibilty: Init </div>
    </div>
  <script src="js/main.js"></script>
</body>

</html>

项目文件夹 > 小部件文件夹 > js > main.js

window.onload = function() {

};

document.addEventListener('visibilitychange', visibilitychange);

function visibilitychange() {
    if (document.visibilityState === 'hidden') {
        document.getElementById("Visibility").textContent = "Hidden";
    } else {
        document.getElementById("Visibility").textContent = "Visible";
    }
}

Tizen 可穿戴 Web 小部件可见性更改和调试

Tizen Wearable Web Widget visibilityChange and Debug

debugging

widget

watch

tizen

visibilitychange