Meituan CatPaw 项目预览调试

概览

对于前端项目，当已构建完毕并且正在运行时，您可以在 Meituan CatPaw 内置浏览器中预览显示效果并进行调试操作。无需离开 IDE，即可完成从开发到预览的全流程体验。

项目预览

当项目成功运行后，右下角会弹出提示 发现可用端口：XXXX。点击下方的 打开预览 按钮，即可在编辑器中看到打开的预览页面。

💡 提示：除了常见的通用过命令启动项目外，在侧边栏对话中向 AI 助手发出指令 帮我运行该前端项目（可根据需要自由更换指令）。AI 助手会自动启动该前端项目（可能需要您手动允许执行命令行指令）。

DevTools 调试

点击预览界面右上角工具栏的 DevTools 按钮，即可进入 Meituan CatPaw 内置浏览器的 DevTools 页面，为您提供完整的前端调试能力。您可以在此查看页面元素、调试 JavaScript 代码、分析网络请求等，无需切换到外部浏览器即可完成所有调试工作。

其他功能

在浏览器中打开

如果您需要在外部浏览器中查看页面效果，可以点击预览界面右上角工具栏的 Open 按钮，即可在系统默认浏览器中打开该页面。

切换设备类型

如果您需要在 PC 端和移动端间进行显示设备类型的切换，可以点击预览界面右上角工具栏的 设备类型切换 按钮，方便您测试不同设备下的页面展示效果。