codecamp

Meituan CatPaw 项目预览调试

概览

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

项目预览

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

[[EMOJI:%F0%9F%92%A1]] 提示:除了常见的通用过命令启动项目外,在侧边栏对话中向 AI 助手发出指令 帮我运行该前端项目(可根据需要自由更换指令)。AI 助手会自动启动该前端项目(可能需要您手动允许执行命令行指令)。

DevTools 调试

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

其他功能

在浏览器中打开

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

切换设备类型

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

Meituan CatPaw 终端内容
Meituan CatPaw 页面元素编辑
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

Meituan CatPaw 代码补全

Meituan CatPaw Inline Chat

Meituan CatPaw 项目预览调试与页面元素编辑

Meituan CatPaw 用户反馈

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }