codecamp

Meituan CatPaw 页面元素编辑

概览

在预览界面中,当您对某个页面元素的展示效果不满意时,可以通过页面元素编辑功能快速选择该元素并进行调整。这个功能让您无需手动定位代码,只需直接在可视化界面中选择目标元素,并通过 AI 助手完成自动修改。

使用方式

选择元素

在预览界面中,点击右上角的 Edit 按钮进入元素选择模式。此时,您可以用鼠标点击页面上需要修改的任意元素。

添加到对话

选中目标元素后,下方会出现 添加到 Agent 按钮。点击该按钮,Meituan CatPaw 会自动将该元素的相关信息添加至侧边栏对话的上下文中。随后,您可以在对话中向 AI 助手描述如何修改该元素,AI 助手会根据您的需求生成相应的代码修改方案并执行。

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; }