Chrome 已经原生支持截图功能，还能够给节点截图！

昨天 Chrome62 稳定版释出，除了常规修复各类安全问题外，还增长不少功能上的支持，好比说今天要介绍的强大的截图功能。

直接截图

打开开发者工具页面，选择左上角的元素选择按钮（Inspect）

Windows 下按住 Ctrl，Mac 就按住 Command，而后在页面拖动选择区域便可。

Chrome会自动使用下载方式进行存储，以下效果图，感受还不错。

给节点截图

好比说咱们刚才手动截取的区域实际上是一个Node节点，若是想完整截取这一部分，咱们就须要使用节点截图功能。

首先在开发者工具里面选择节点，这个如上图所示直接点选HTML便可。

而后按下快捷键 Ctrl + Shift + p 打开命令工具，Mac下就是 Cmd + Shift + p，输入 node 选择 Capture node screenshot 便可。图片会自动下载。

那么咱们真的不须要网页截图插件了，若是想截图整个网页，咱们直接在根节点选取就能够了。

是否是很方便？

原文首发在个人 GitHub 博客