Meituan CatPaw 项目预览调试
概览
对于前端项目,当已构建完毕并且正在运行时,您可以在 Meituan CatPaw 内置浏览器中预览显示效果并进行调试操作。无需离开 IDE,即可完成从开发到预览的全流程体验。
项目预览
当项目成功运行后,右下角会弹出提示 发现可用端口:XXXX。点击下方的 打开预览 按钮,即可在编辑器中看到打开的预览页面。
[[EMOJI:%F0%9F%92%A1]] 提示:除了常见的通用过命令启动项目外,在侧边栏对话中向 AI 助手发出指令 帮我运行该前端项目(可根据需要自由更换指令)。AI 助手会自动启动该前端项目(可能需要您手动允许执行命令行指令)。
DevTools 调试
点击预览界面右上角工具栏的 DevTools 按钮,即可进入 Meituan CatPaw 内置浏览器的 DevTools 页面,为您提供完整的前端调试能力。您可以在此查看页面元素、调试 JavaScript 代码、分析网络请求等,无需切换到外部浏览器即可完成所有调试工作。
其他功能
在浏览器中打开
如果您需要在外部浏览器中查看页面效果,可以点击预览界面右上角工具栏的 Open 按钮,即可在系统默认浏览器中打开该页面。
切换设备类型
如果您需要在 PC 端和移动端间进行显示设备类型的切换,可以点击预览界面右上角工具栏的 设备类型切换 按钮,方便您测试不同设备下的页面展示效果。