Itch.io Веб Инспектор Игр и Оптимизатор Разрешения в Реальном Времени

Загружайте HTML5 файлы или ZIP-архивы для тестирования viewport в реальном времени, исправления полос прокрутки, проверки сборок Godot и Unity WebGL и генерации настроек встраивания Itch.io.

Перетащите сборку или ZIP-архив сюда

Перетащите файл .ZIP, экспортированную папку или HTML5 файлы сборки в эту область для немедленной проверки.

Тест макета и полос прокрутки в реальном времени

[Artificial Zoom-Out Active] Viewport превышает ширину экрана. Применён искусственный отзум, чтобы весь холст был виден. Отключите автомасштабирование, чтобы увидеть реальный макет.
Zoom 100%
Студия утилит

Хотите эту утилиту на своём сайте?

Настройте цвета и тёмную тему для WordPress, Notion или вашего сайта.

Часто задаваемые вопросы

Почему моя игра Godot 4 показывает чёрный экран на Itch.io?

Веб-экспорты Godot 4 используют многопоточность WebAssembly, требующую поддержки SharedArrayBuffer. Включите "SharedArrayBuffer support" в настройках фрейма вашей игры на Itch.io.

Какую настройку нужно проверить перед публикацией? 1

Перед публикацией проверьте размеры, целевую среду и предпросмотр.

# Руководство по форматированию HTML5 экспортов для Itch.io

Публикация HTML5 и WebGL игр на Itch.io требует точной настройки размеров viewport, структуры архивных файлов и заголовков безопасности cross-origin.
16:9 Горизонтально Стандартное соотношение сторон
960 x 540 px Классическое разрешение Itch
index.html в корне Обязательный файл входа
Заголовки COOP / COEP Требование Godot 4
При встраивании WebGL игры 1280x720 на Itch.io установите размеры viewport встраивания точно 1280x720 с включённым "Embed in page".
В этом разделе собраны основные проверки для аккуратного экспорта и надежного предпросмотра. 1.В этом разделе собраны основные проверки для аккуратного экспорта и надежного предпросмотра. 2.В этом разделе собраны основные проверки для аккуратного экспорта и надежного предпросмотра. 3.В этом разделе собраны основные проверки для аккуратного экспорта и надежного предпросмотра. 4.В этом разделе собраны основные проверки для аккуратного экспорта и надежного предпросмотра. 5.

# Проверка viewport, canvas и встраивания

Сравните фактический размер canvas с viewport, который планируется для Itch.io. Соотношение 16:9 само по себе не убирает полосы прокрутки: CSS-отступы, минимальная ширина и canvas без масштабирования всё ещё могут вызвать переполнение.Читайте отчёт после каждой сборки, поскольку имена файлов, точка входа и результат работы движка могут измениться. Структурную проверку следует дополнить тестами в разных браузерах и на разных устройствах.

Библиографические ссылки