---
title: 预览与开发服务器
description: 在 OpenChamber 内部打开正在运行的开发服务器。
---

# 预览与开发服务器

当你启动开发服务器时，OpenChamber 可以直接在应用内部打开它，而不是在单独的浏览器标签页中 — 这样你就可以在聊天旁边查看你的站点、捕获它的控制台，并指向元素来询问相关问题。

## 打开预览

OpenChamber 会监视终端输出中的本地地址（像 Vite、Next.js 或 Astro 这类工具打印的 `Local:` 行）。当它发现一个时：

- 终端中会出现一个 **Open preview** 按钮
- 一个开启了自动打开的 [项目操作](/zh-cn/project-actions/) 会为你打开它
- 聊天消息中的本地链接也可以打开它

站点会在侧面板中加载。只有本地地址（在你自己的机器上）才能被预览。

## 控制台与检查

在预览面板中你可以：

- 查看页面的**控制台** — 错误、警告和日志，可按你喜欢的方式筛选
- 开启 **inspect**，点击任意元素，并将关于它的说明 — 选择器、样式、位置和一张截图 — 直接发送到聊天

这是告诉智能体“就这个按钮，这里”而无需描述它的最快方式。

## 相关内容

- [项目操作](/zh-cn/project-actions/) — 启动服务器时自动打开它
- [桌面浏览器](/zh-cn/desktop-browser/) — 在桌面端为任意页面提供相同的工具
