预览与开发服务器
当你启动开发服务器时,OpenChamber 可以直接在应用内部打开它,而不是在单独的浏览器标签页中 — 这样你就可以在聊天旁边查看你的站点、捕获它的控制台,并指向元素来询问相关问题。
打开预览
OpenChamber 会监视终端输出中的本地地址(像 Vite、Next.js 或 Astro 这类工具打印的 Local: 行)。当它发现一个时:
- 终端中会出现一个 Open preview 按钮
- 一个开启了自动打开的 项目操作 会为你打开它
- 聊天消息中的本地链接也可以打开它
站点会在侧面板中加载。只有本地地址(在你自己的机器上)才能被预览。
控制台与检查
在预览面板中你可以:
- 查看页面的控制台 — 错误、警告和日志,可按你喜欢的方式筛选
- 开启 inspect,点击任意元素,并将关于它的说明 — 选择器、样式、位置和一张截图 — 直接发送到聊天
这是告诉智能体“就这个按钮,这里”而无需描述它的最快方式。