打开devtools-on-devtools：

1.在devtools设置三点图标中将devtools对接模式切换到单独的窗口。
(when此选项已激活，您可以使用CtrlShiftD切换停靠/未停靠状态）
1.当devtools窗口处于焦点时，通过在windows中按CtrlShifti或在mac中按I调用devtools-for-devtools

现在，在这个新的devtools-for-devtools窗口中：

1.打开Application选项卡
1.展开/打开框架-顶部-图像
1.单击左侧的任何图像URL以查看它
1.右键单击图像本身并选择Save
1.重复3-4

查找当前显示截图的URL：

1.单击屏幕截图缩略图带下的Frames带中相应的绿色条
1.在devtools-for-devtools中使用元素选择器CtrlShiftC，然后单击主devtools窗口底部的小屏幕截图
1.现在devtools-for-devtools将在元素树中显示<img>元素，右键单击其data:image/png和Open in Application panel，然后保存它。

备注：

• 图像为256千像素，即大约500 x500像素。这是在devtools中硬编码的。
• 要增加输出图像中内容的比例，请在录制前调整窗口的大小，以便窗口的宽高比与输出图像的宽高比匹配（在本例中为1：1），JBress在评论中建议。