截取:把页面的一部分给 MonstarX 看
要点点击预览工具栏中的“截取”,然后在页面上框选任意内容,或点击一个元素。你看到的画面——包括滚动位置、展开的菜单和已填写的字段——会原样截下来,作为“截图 1”放进输入框,并标注来源页面。你可以截取多张,写好消息后在任意模式下发送。
有些东西,指给别人看比用文字描述容易得多:一个看起来不对劲的按钮、布局里的一块空隙、表单里的一条错误提示。截取可以让你把运行中应用的这一部分原样截下来,放进你的消息——这样你只需要输入“修复这里”就够了。
怎样截取页面的一部分?
Section titled “怎样截取页面的一部分?”-
在预览标签页中,把页面调整到你想展示的状态——滚动到那里、打开菜单、填好表单。
-
点击预览工具栏中的截取(剪刀图标)。预览底部会出现一条提示栏:拖动框选内容,或点击元素。
-
拖出一个方框,圈住你想展示的内容——或者点击单个元素。鼠标悬停时,点击会选中的元素会显示轮廓。
-
截图会放进你的消息(提示栏显示“已添加到消息中”),光标会移到输入框。截取模式会保持开启,你可以继续截取。
-
输入你的消息,选择模式,然后发送。点击完成或按 Esc 退出截取模式。
每张截图在输入框中依次显示为截图 1、截图 2……并标注它来自哪个页面。点击截图上的 × 即可移除。
截取会截下什么?
Section titled “截取会截下什么?”截下的是方框内屏幕上显示的原样画面:页面的当前滚动位置、展开的菜单、字段里输入的文字,以及停留在原位的固定页头。密码字段在截图中会被隐藏。
除了截图本身,MonstarX 还会收到:
- 页面的地址和标题;
- 你当时查看的预览尺寸(桌面、平板或手机);
- 方框在页面上的位置,以及你滚动了多远;
- 方框内的元素,以及最可能包含这些元素的文件。
所以一张截图既能告诉 MonstarX 它看起来是什么样,也能告诉它在代码的哪个位置。
截图应该在哪种模式下发送?
Section titled “截图应该在哪种模式下发送?”哪种都可以——截图只是你消息的一部分:
- 构建:“把这两个按钮调成一样高。”MonstarX 会修改应用。
- 聊天:“为什么这个总价不对?”MonstarX 会排查原因,但不会修改任何内容。详见构建、规划和聊天。
- 规划:“我想在教师页面上加一个类似这样的版块。”MonstarX 会先问你几个问题。
如果你只发送截图而不输入任何文字,消息内容会是“请查看来自 /pricing 的截图。”
最多可以添加多少张截图?
Section titled “最多可以添加多少张截图?”一条消息最多可以附带 10 个文件,截图和附件合并计算。满了之后,截取会提示“每条消息最多附加 10 个文件。请发送消息或移除一个文件,再继续截取。”
如果你把排队中的请求取回输入框重新编辑,它的截图也会一起回来。
截取还是编辑模式?
Section titled “截取还是编辑模式?”| 截取 | 编辑模式 | |
|---|---|---|
| 发送的内容 | 普通消息中的截图 | 一份修改清单,每个标记位置一条说明 |
| 可用模式 | 构建、规划或聊天 | 构建 |
| 最适合 | 展示问题、询问某个地方、“改成这个样子” | 对特定元素做几处精确修改 |
两者同一时间只能开启一个。
为什么“截取”按钮是灰色的?
预览必须已经启动并显示你的应用——在预览启动期间或状态卡片遮住预览时,截取不可用。
提示此预览启动时尚不支持截图,怎么办?
点击预览工具栏中的重启开发服务器(⟲),然后再试一次。
提示“预览尚未加载检查器”。
重新加载预览(↻)后再试一次。
MonstarX 能看到截图吗?
能读取图片的模型会直接看到截图本身。对于不能读取图片的模型,MonstarX 仍会以文字形式发送页面、区域以及区域内的元素,所以它知道你指的是什么。
和我共享项目的人可以使用截取吗?
拥有可编辑权限的人可以。拥有可查看和评论权限的人则改用评论来指出页面上的位置,详见分享与评论。