Видимый веб-виджет Tizen Wearable Изменение и отладка

Question

Видимый веб-виджет Tizen Wearable Изменение и отладка

У меня проблемы с носимыми веб-виджетами Tizen.

Я только что создал пример проекта с HTML + JS и попытался обновить страницу на события, описанные в жизненном цикле -> При загрузке / изменении видимости

Пример кода можно найти по адресу: https://github.com/Ryccoo/widget-test/blob/master/widget/StockQuote/js/main.js

Когда я добавляю виджет, я вижу текст "что-то" ->, означающий, что функция onload была успешно вызвана.

Однако переход к другому виджету и обратно не вызывает событие visibilityChange, как описано.

Как правильно загрузить содержимое, когда пользователь прокручивает этот виджет?

Другой вопрос, как отлаживать веб-виджеты? Вы не можете запустить отладку для интерактивной отладки программы с помощью виджетов (только для веб-приложений), и когда я хочу напечатать что-то на консоли, я вижу только

API ведения журнала веб-консоли (console.log, console.info, console.warn, console.error) отключен. Для его активации необходимо запустить проект в режиме отладки.

Как запустить виджет в режиме отладки?

Спасибо

0

debugging widget watch tizen visibilitychange

Источник

user5875333 18 июл '18 в 22:35

1 ответ

Решение

Другие вопросы по тегам debugging widget watch tizen visibilitychange

user6472752 20 июл '18 в 13:58 2018-07-20 13:58 · Accepted Answer · 2018-07-20 13:58

Функция отладки веб-виджетов еще не поддерживается в Tizen Studio.

Но я протестировал код для события Visibility Change, и он отлично работал на моем Samsung Gear S3. Callback Change callback вызывается каждый раз, когда я переключаюсь между виджетами. Вы можете попробовать этот пример кода:

Папка проекта> папка виджета> 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";
    }
}