Bohdan Triapitsyn
967704a9b9
* docs: add OpenChamber feature docs and translations Add 30 new docs pages covering OpenChamber-specific workflows and setup: OpenCode server, providers/models/agents, MCP, skills, commands & snippets, usage, projects, context, notes/todos/plans, scheduled tasks, project actions, preview, worktrees, multi-run, git & GitHub, magic prompts, git identities, mobile/PWA, security, notifications, voice, project icons, remote instances, desktop browser, updates, and three troubleshooting pages. Rebuild sidebar into eight task-oriented sections and translate every new page into all six supported locales (uk, zh-cn, es, pt-br, ko, pl). * docs: surface new sections on homepage and cross-link tunnels Add an Explore block to the docs homepage (all seven locales) linking to the new section anchors, and cross-link the Tunnels page to Security and PWA & Mobile.
33 lines
2.4 KiB
Plaintext
33 lines
2.4 KiB
Plaintext
---
|
|
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/) — ті самі інструменти для будь-якої сторінки на десктопі
|