Web

Чтобы протестировать ваш код и посмотреть HTML-превью карточек, используйте DivKit Web Playground. В DivKit Web Playground доступна библиотека с примерами различных элементов: вы можете отредактировать код любого примера и отобразить результат в браузере или экране мобильного устройства.

Чтобы создать HTML-превью карточки:

  1. В левой части страницы добавьте код прототипа карточки в формате JSON или TypeScript.
  2. Чтобы использовать готовые примеры, нажмите кнопку Samples и выберите элемент из библиотеки. Примеры можно редактировать и дорабатывать.
  3. В правой части страницы выберите разрешение и тип экрана, для которого отобразится прототип карточки. Если в коде есть ошибки, они отобразятся в разделе Errors под превью карточки.
  4. Чтобы открыть структуру карточки, в правом нижнем углу нажмите кнопку Structure.

Посмотреть результат на вашем устройстве

Чтобы смотреть результат изменения JSON в приложении для Android или iOS, свяжите с ним редактор:

  1. Установите приложение DivKit Playground для Android или iOS на ваше устройство.

  2. Выберите demo.

  3. В DivKit Web Playground нажмите кнопку Share.

  4. В приложении для Android нажмите кнопку и отсканируйте QR-код, либо вставьте адрес из поля Link to json.

Узнать больше

Следите за новостями DivKit в Telegram-канале: http://t.me/divkit_news.

Также вы можете обсуждать интересующие вас темы в сообществе пользователей DivKit в Telegram: https://t.me/divkit_community_ru.

Репозиторий DivKit

Предыдущая
Следующая