在 Chrome 浏览器中，有专门用于页面截屏的扩展应用。其实 Chrome 自身也提供了截屏的工具。
要使用 Chrome 自带的页面截屏方案，首先需要打开 Chrome DevTools。接下来，按 Cmd + Shift + P 打开指令搜索框。在搜索框中，搜索 screenshots 就可以找到和截屏相关的各个命令：
- Capture area screenshot - 可以截取页面某一个区域的图像（用鼠标选择）
- Capture full size screenshot - 可以截取整个页面的图像
- Capture node screenshot - 可以截取当前 DevTool 中选中的元素的图像
- Capture screenshot - 可以截取当前可视区域的图像
其中，Capture node screenshot 是一个比较有意思的功能。在 DevTool 中选定了某一个元素（Element）之后，执行这个命令，就会将这个元素自身的区域截图。当然，元素所在区域内，由于排版的缘故，还存在父元素，子元素或是其他什么元素的内容。在执行截图命令的时候，这些内容也会被包含进去。