agent space预览网页需启用内置web服务:先确保有index.html,右键选“start preview server”,访问localhost:8080;支持live preview快捷键或侧边栏开启,保存即刷新;局域网共享需勾选“allow lan access”并检查防火墙。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

在Agent Space中预览网页项目,需绕过本地文件协议限制,让HTML、CSS和JS资源能被正确解析并加载,否则打开页面时将出现空白、样式丢失或脚本报错。
启用内置Web服务预览
第一步:确保项目根目录存在 index.html 或包含 标签的有效HTML文件。若无入口文件,Agent Space不会启动服务,且不提示任何错误。
第二步:在项目面板右键点击项目名称→选择「Start Preview Server」→等待右下角弹出绿色通知“Preview server running on http://localhost:8080”。该端口由Agent Space自动分配,不可手动修改;若8080被占用,会顺延至8081,但不会跳过或报错。
第三步:点击通知中的链接,或在浏览器地址栏输入显示的URL。此时所有相对路径(如 ./css/main.css、../images/logo.png)均可正常解析——这是与直接双击HTML文件的本质区别。
使用Live Preview实时同步
方法一:快捷键触发(推荐)
聚焦编辑器中任意HTML/CSS/JS文件→按 Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(macOS)→输入 “Live Preview: Toggle” →回车。页面将在右侧内嵌面板中打开,并随你保存文件自动刷新。
方法二:侧边栏按钮
在编辑器右上角找到「?️ Live Preview」图标→单击启用。注意:【必须先保存当前文件,否则按钮为灰色不可点】;未保存的变更不会触发刷新,也不会在预览中体现。
在多设备上验证响应式效果
① 启动内置Web服务后,点击右上角「Share Preview」按钮;
② 在弹出窗口中勾选「Allow LAN access」;
③ 复制生成的局域网地址(形如 http://192.168.1.105:8080);
④ 在手机、平板等设备的浏览器中粘贴访问。
这一步无需配置路由器或开启端口转发,只要设备与运行Agent Space的电脑在同一Wi-Fi网络下即可连通。若手机打不开,请检查电脑防火墙是否拦截了8080端口——Agent Space不会主动请求系统放行。











