跳转到内容

截取:把页面的一部分给 MonstarX 看

要点点击预览工具栏中的“截取”,然后在页面上框选任意内容,或点击一个元素。你看到的画面——包括滚动位置、展开的菜单和已填写的字段——会原样截下来,作为“截图 1”放进输入框,并标注来源页面。你可以截取多张,写好消息后在任意模式下发送。

有些东西,指给别人看比用文字描述容易得多:一个看起来不对劲的按钮、布局里的一块空隙、表单里的一条错误提示。截取可以让你把运行中应用的这一部分原样截下来,放进你的消息——这样你只需要输入“修复这里”就够了。

框选两个按钮后,截图会以“截图 1”出现在输入框中,可以连同问题一起发送。
  1. 在预览标签页中,把页面调整到你想展示的状态——滚动到那里、打开菜单、填好表单。

  2. 点击预览工具栏中的截取(剪刀图标)。预览底部会出现一条提示栏:拖动框选内容,或点击元素。

  3. 拖出一个方框,圈住你想展示的内容——或者点击单个元素。鼠标悬停时,点击会选中的元素会显示轮廓。

  4. 截图会放进你的消息(提示栏显示“已添加到消息中”),光标会移到输入框。截取模式会保持开启,你可以继续截取。

  5. 输入你的消息,选择模式,然后发送。点击完成或按 Esc 退出截取模式。

每张截图在输入框中依次显示为截图 1、截图 2……并标注它来自哪个页面。点击截图上的 × 即可移除。

截下的是方框内屏幕上显示的原样画面:页面的当前滚动位置、展开的菜单、字段里输入的文字,以及停留在原位的固定页头。密码字段在截图中会被隐藏。

除了截图本身,MonstarX 还会收到:

  • 页面的地址和标题;
  • 你当时查看的预览尺寸(桌面、平板或手机);
  • 方框在页面上的位置,以及你滚动了多远;
  • 方框内的元素,以及最可能包含这些元素的文件。

所以一张截图既能告诉 MonstarX 它看起来是什么样,也能告诉它在代码的哪个位置。

哪种都可以——截图只是你消息的一部分:

  • 构建:“把这两个按钮调成一样高。”MonstarX 会修改应用。
  • 聊天:“为什么这个总价不对?”MonstarX 会排查原因,但不会修改任何内容。详见构建、规划和聊天。
  • 规划:“我想在教师页面上加一个类似这样的版块。”MonstarX 会先问你几个问题。

如果你只发送截图而不输入任何文字,消息内容会是“请查看来自 /pricing 的截图。”

一条消息最多可以附带 10 个文件,截图和附件合并计算。满了之后,截取会提示“每条消息最多附加 10 个文件。请发送消息或移除一个文件,再继续截取。”

如果你把排队中的请求取回输入框重新编辑,它的截图也会一起回来。

截取编辑模式
发送的内容普通消息中的截图一份修改清单,每个标记位置一条说明
可用模式构建、规划或聊天构建
最适合展示问题、询问某个地方、“改成这个样子”对特定元素做几处精确修改

两者同一时间只能开启一个。

为什么“截取”按钮是灰色的?

预览必须已经启动并显示你的应用——在预览启动期间或状态卡片遮住预览时,截取不可用。

提示此预览启动时尚不支持截图,怎么办?

点击预览工具栏中的重启开发服务器(⟲),然后再试一次。

提示“预览尚未加载检查器”。

重新加载预览(↻)后再试一次。

MonstarX 能看到截图吗?

能读取图片的模型会直接看到截图本身。对于不能读取图片的模型,MonstarX 仍会以文字形式发送页面、区域以及区域内的元素,所以它知道你指的是什么。

和我共享项目的人可以使用截取吗?

拥有可编辑权限的人可以。拥有可查看和评论权限的人则改用评论来指出页面上的位置,详见分享与评论。