介绍了 区域截图、全页面截图、可视范围截图、页面元素按块截图 四种方法,应该够用了

区域截图 : 1. Ctrl/Command + Shift + C 调出界面选择器 2. Ctrl/Command + 鼠标左键 选择希望的范围 3. 截图将以文件的形式自动下载

全页面截图 : 1. Ctrl/Command + Shift + C 调出开发者工具 2. Ctrl/Command + Shift + P 调出命令菜单 2. 输入 screenshot,在自动筛选出的结果里选择 Capture full size screenshot

可视范围截图 : 1. Ctrl/Command + Shift + C 调出开发者工具 2. Ctrl/Command + Shift + P 调出命令菜单 2. 输入 screenshot,在自动筛选出的结果里选择 Capture screenshot

[For dev]页面元素按块截图 : 1. Ctrl/Command + Shift + C 调出界面选择器 2. 鼠标左键 选择希望的范围,会以高亮标识 3. Ctrl/Command + Shift + P 调出命令菜单 4. 输入 screenshot,在自动筛选出的结果里选择 Capture node screenshot

参见 What’s New In DevTools (Chrome 62) 感谢 zenxds@V2EX 告知这一操作