介绍了 区域截图、全页面截图、可视范围截图、页面元素按块截图 四种方法,应该够用了
整理了一下:
区域截图 :
- Ctrl/Command + Shift + C 调出界面选择器
- Ctrl/Command + 鼠标左键 选择希望的范围
- 截图将以文件的形式自动下载
全页面截图 :
- Ctrl/Command + Shift + C 调出开发者工具
- Ctrl/Command + Shift + J 调出命令菜单
- 输入 screenshot,在自动筛选出的结果里选择 Capture full size screenshot
可视范围截图 :
- Ctrl/Command + Shift + C 调出开发者工具
- Ctrl/Command + Shift + J 调出命令菜单
- 输入 screenshot,在自动筛选出的结果里选择 Capture screenshot
[For dev]页面元素按块截图 :
- Ctrl/Command + Shift + C 调出界面选择器
- 鼠标左键 选择希望的范围,会以高亮标识
- Ctrl/Command + Shift + J 调出命令菜单
- 输入 screenshot,在自动筛选出的结果里选择 Capture node screenshot
参见 What's New In DevTools (Chrome 62)
感谢 zenxds@V2EX 告知这一操作
//从我的博客全文转载:原文地址