跳转到内容

预览与开发服务器

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

打开预览

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

  • 终端中会出现一个 Open preview 按钮
  • 一个开启了自动打开的 项目操作 会为你打开它
  • 聊天消息中的本地链接也可以打开它

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

控制台与检查

在预览面板中你可以:

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

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

相关内容