Question

我在使用Tizen可穿戴式Web窗口小部件时遇到了一些问题。

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

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

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

但是，向后滑动到另一个窗口小部件并不会触发所述的可视性更改事件。

当用户滚动到该小部件时，如何正确上传内容？

另一个问题是如何调试Web小部件？您无法运行debug来使用小部件（仅适用于Web应用）以交互方式调试程序，并且当我想打印某些内容以进行控制台时，我只会看到

Web控制台日志记录API（console.log，console.info，console.warn，console.error）已被禁用。要激活它，您应该以调试模式启动项目。

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

谢谢

Answer 1

Tizen Studio尚不支持Web Widget调试功能。

但是我已经测试了可视性更改事件的代码，并且在我的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窗口小部件可见性更改和调试

1 个答案: