跳转到内容
导航 打开 esc关闭

预览与开发服务器

启动开发服务器后,OpenChamber 可以直接在应用内打开它,而不是另开一个浏览器标签页——这样你就能在聊天旁边看到自己的站点,并指着元素提问。

打开开发服务器

用应用标题栏的地球按钮打开浏览器面板。如果开发服务器已在运行,它会出现在列表里,点一下即可打开:OpenChamber 是根据你机器上实际正在监听的端口找到它的,因此无论你用什么方式启动都能识别。

以下情况开发服务器也会自动打开:

  • 你在终端的本地地址上按 打开预览
  • 开启了自动打开的项目操作启动了一个
  • 你点击了聊天消息中的本地链接

你随时可以自己输入地址。直接写 localhost:5173 会按 http:// 处理,不必输入协议。

配合远程 OpenChamber 使用

当 OpenChamber 运行在另一台机器上时,它的开发服务器也在那台机器上——你笔记本上的 localhost 指向的完全是别处。桌面应用会替你处理:它打开一个本地端口,把连接一路接到远程开发服务器,于是页面照常加载,热重载和开发者工具都能用。你仍然输入你预期的地址,底层的管道不会碍事。

这需要桌面应用。在浏览器标签页中,只能打开你自己机器上的开发服务器。

为页面添加标注

指向元素、在页面上绘制并把这些一起发到聊天的方法,见浏览器面板

相关