---
title: Перегляд і dev-сервери
description: Відкрийте запущений dev-сервер усередині OpenChamber.
---

# Перегляд і dev-сервери

Коли ви запускаєте dev-сервер, OpenChamber може відкрити його просто всередині застосунку замість окремої вкладки браузера — щоб ви могли бачити свій сайт поруч із чатом, перехоплювати його консоль і вказувати на елементи, щоб запитати про них.

## Відкриття перегляду

OpenChamber слідкує за виводом терміналу на предмет локальної адреси (рядок `Local:`, який друкують інструменти на кшталт Vite, Next.js чи Astro). Коли він її помічає:

- у терміналі з'являється кнопка **Open preview**
- [дія проєкту](/uk/project-actions/) з увімкненим автовідкриттям відкриває її за вас
- локальне посилання в повідомленні чату теж може її відкрити

Сайт завантажується в бічній панелі. Переглянути можна лише локальні адреси (на вашій власній машині).

## Консоль та інспекція

У панелі перегляду ви можете:

- спостерігати за **консоллю** сторінки — помилки, попередження та логи, відфільтровані як вам зручно
- увімкнути **inspect**, клікнути будь-який елемент і надіслати нотатку про нього — селектор, стилі, позицію та знімок екрана — прямо в чат

Це найшвидший спосіб сказати агентові «ось ця кнопка, тут», не описуючи її.

## Пов'язане

- [Дії проєкту](/uk/project-actions/) — автоматично відкривайте сервер при запуску
- [Десктопний браузер](/uk/desktop-browser/) — ті самі інструменти для будь-якої сторінки на десктопі