跳转到内容

编辑模式:指着页面说要改什么

要点点击预览工具栏中的“编辑”,然后点击运行中应用的任意元素,或拖出一个方框圈住某个区域,再输入要怎么改。你最多可以标记 20 处——任何页面都可以——然后点击“发送更改”。MonstarX 会收到每条说明以及你指向的具体内容,并在一个请求中完成所有修改。

“把价格页面上第二个按钮调小一点”这样说也行,但直接指给它看更快。编辑模式就能做到这一点:在运行中的应用上点击或框选,在每个位置旁边写下要怎么改,然后一起发送。MonstarX 会准确知道你指的是哪个元素,以及它最可能在哪个文件里。

在编辑模式中标记了两处修改:标题和首屏图片,每处都附有一条说明。
  1. 打开预览标签页,等应用显示出来。(状态卡片遮住预览时,编辑按钮会显示为灰色。)

  2. 点击预览工具栏中的编辑(铅笔图标)。预览的角落会打开编辑模式面板。

  3. 指出需要修改的地方:

    • 点击一个元素:标题、按钮、图片、卡片都可以。鼠标悬停时元素会高亮,让你知道点击后会选中什么。
    • 拖出一个方框:如果要改的不止一个元素,比如一整个版块,就把那片区域框起来。
  4. 在出现的说明框中输入要怎么改,比如“把这个标题调小一点”。

  5. 用同样的方法标记更多位置。每一处在页面和面板中都会有一个编号。

  6. 点击发送 2 处更改(数字会随你的标记数量变化)。MonstarX 会在一个请求中完成所有修改。

  • 每处更改都会显示你选中的内容(它的标签和文字,例如 <h1> "A quiet place to breathe…")以及你的说明。
  • 垃圾桶图标会删除一处更改,清空会删除全部更改。
  • 发送 N 处更改会把它们发送出去。如果正在构建,按钮会显示为将 N 处更改加入队列,你的修改会在接下来中等待。
  • 点击角落的 × 或按 Esc 会退出编辑模式,并丢弃所有尚未发送的标记。

在编辑模式中可以滚动和切换页面吗?

Section titled “在编辑模式中可以滚动和切换页面吗?”

可以。像平常一样用鼠标滚轮、触控板或键盘滚动即可,页面移动时,标记会一直附着在对应的元素上。在触摸屏上,用两根手指滚动;一根手指用来框选。

要在其他页面上标记内容,请在预览的地址栏中选择那个页面。你在其他页面上做的标记,在查看当前页面时会隐藏起来,但所有标记都会一起发送。

你的请求会在聊天中显示为在预览中标记了 2 处更改,并列出每处带编号的更改及其说明。对于每一处标记,MonstarX 都会收到它所在的页面、元素的详细信息,以及最可能包含它的文件——所以它可以直接找到正确的位置。

结果就是一次普通的构建:你可以在聊天中跟进进度,完成后会保存一个版本。在对话列表中,它会以你的第一条说明命名,例如“把这个标题调小一点…(另有 1 处)”。

  • 一处标记只写一个想法。在标题上写“调小一点”,在图片上写“这里换成一张真实的照片”,效果比写一条长说明更好。
  • 说出想要的效果,而不是代码。“让这里更醒目一些”或“和 Book 按钮用同一种绿色”就足够了。
  • 调整布局时用方框。“把这三张卡片排成一行”,最好把整行都框起来。
  • 直接在图片上提出换图。点击一张图片,描述你想要的照片——MonstarX 可以为你生成。详见应用中的图片。
  • 每个请求最多 20 处更改。超过时,先发送已有的标记,再接着标记。
  • 每条说明最多 2,000 个字符。说明过长时会变成红色,必须缩短后才能发送。
  • 编辑模式仅供项目所有者和拥有可编辑权限的人使用。拥有可查看和评论权限的人可以改用评论,详见分享与评论。
为什么“编辑”按钮是灰色的?

预览必须已经启动并显示你的应用。在预览启动期间、状态卡片遮住正在进行的构建时,或者还没有构建任何内容时,这个按钮都不可用。

提示“预览尚未加载检查器”,怎么办?

重新加载预览(↻)后再试一次。如果提示此预览启动于编辑模式支持滚动之前,请点击预览工具栏中的重启开发服务器(⟲)。

可以标记点击后才会出现的内容吗,比如菜单?

先在预览中把它打开,再开启编辑模式;或者用截取把它截下来,在聊天中描述要怎么改。

编辑模式和截取有什么区别?

编辑模式发送的是修改请求,每处修改都与标记的元素绑定。截取则是把页面某一部分的截图放进你的消息里,可以在任何模式下发送——很适合提问或展示问题。

编辑模式会立即修改我的应用吗?

不会。你的标记会作为一个构建请求发送,MonstarX 会像处理其他请求一样构建它们。没有不经构建就立即生效的调整——不过如果你不满意结果,可以恢复到某个版本。