Chrome 原生截图工具

1. 简介

虽然 chrome 有很多截图的扩展工具。但是我今天想介绍的是 chrome 浏览器自带的截图工具。我们打开 chrome 浏览器，打开开发者工具 (F12)，按下 ctrl + shift + p 调出命令列表。我们可以看到如下视图。

1.png

我们输入 Capture 可以看到筛选出一下三种截图命令：

• capture full size screenshot 截整个网页
• capture node screenshot 截取节点

• capture screenshot 截取可见区域

  
  
  

  yi

2. capture node screenshot

我们稍微介绍一下 capture node screenshot (节点截取)
我们通过开发者工具可以选中节点

image.png

然后执行 capture node screenshot 命令，就可以截取节点图了。不过节点截取结果会有偏差。

3.总结

Chrome 原生截图工具截图很快，截取的图片也很清晰。