Читать ~3 мин

Превью сайта

Превью показывает ваш сайт в реальном времени. Каждое изменение — от генерации ИИ или ручной правки — сразу отображается в окне предпросмотра.

Живой предпросмотр

Окно превью расположено в правой части редактора. Во время генерации через ИИ-чат вы видите, как сайт собирается прямо на глазах — код превращается в визуальный результат в реальном времени. Никакого ожидания: пишете запрос → видите результат.

Режимы отображения

В верхней части превью есть переключатели для просмотра сайта на разных устройствах:

🖥

Десктоп

Полноразмерная версия сайта (1440px). Так его увидят пользователи на компьютере.

📱

Планшет

Среднеразмерная версия (768px). Проверьте, как элементы перестраиваются.

📲

Мобильный

Мобильная версия (375px). Важно: больше 60% посетителей заходят с телефона.

Всегда проверяйте мобильную версию

Большинство посетителей откроют ваш сайт с мобильного телефона. После генерации обязательно переключитесь на мобильный режим и убедитесь, что всё выглядит хорошо.

Открытие в новой вкладке

Нажмите иконку «Открыть в новой вкладке» (↗) в правом верхнем углу превью. Сайт откроется на полный экран в отдельной вкладке браузера. Это удобно для финальной проверки перед публикацией.

Взаимодействие с превью

Превью — это полноценный сайт. Вы можете:

  • • Кликать по ссылкам и кнопкам
  • • Прокручивать страницу
  • • Тестировать формы
  • • Проверять анимации и hover-эффекты
  • • Видеть навигацию между страницами (если сайт многостраничный)
Превью показывает точно то, что увидят ваши посетители после публикации. Если в превью всё выглядит хорошо — можно смело публиковать.

Что дальше?