预览和元素级调试
更新时间:2025-06-22
功能描述
- Comate AI IDE 可自动识别前端项目,快速启动并在 IDE 内查看运行效果,无需跳转至浏览器,实现沉浸式开发。
- 精准操作,只需鼠标单击,即可选中待修改的组件和元素,告别繁琐的自然语言描述。
- Comate AI IDE 内置浏览器具备网页运行时错误识别功能,一键发送到 Zulu,快速解决问题。
IDE 内预览 Web 页面
Comate AI IDE 支持识别前端项目、快速启动前端项目并在 IDE 内查看运行效果,为您带来无需跳转至 浏览器的无缝开发体验。您可通过以下入口在 IDE 内预览Web页面:
- 打开文件后,点击预览图标即可唤起预览页面。在预览页面点击 “开启预览” 按钮,Zulu 会自动检查是否存在可预览实例,若有将在预览页面中即时呈现 Web 页面。
- Zulu 分析过程中显示 预览网页 按钮,点击该按钮也可自动打开预览页面,即时查看 Web 页面。
- 查看预览效果
元素级调试
Comate AI IDE 提供精准元素级调试体验,您仅需通过鼠标单击,便能快速选中待修改的组件与元素,有效避免使用繁琐的自然语言描述来定位目标。调试方法如下:
- 预览页面中显示 web 页面后, 可点击 选中元素 按钮;
- 选择期望修改的单元素;
- 选择完成后,对话框中将添加待修改元素标签,输入期望修改的指令,例如:“帮我把 IDE 改为 XDE” ,点击 运行 按钮,Zulu 将对元素开始修改,并实时预览修改后效果。