前端如何优雅的用chrome截图某个node节点

需求背景

在网上偶尔看到一篇文章，写的很好，想要把文章保存成截图，以后可以随时查阅，但是我只想要网页中的某一小片内容，其他多余的广告什么的都不想要，如何能做到尼？

需求实现

1. 打开你要截图的网站，比如https://nolaymanleftbehind.wordpress.com/2011/07/10/linear-algebra-what-matrices-actually-are/

2. 打开chrome的开发者工具（option+command+i）

3. 选中想要截图的当前节点，鼠标点中就行

   
   image.png

4. 然后按住快捷键command+shift+p
   

   image.png

5. 输入Capture node screenshot
   

   image.png

6. 回车就会生成图片，下载到指定位置就成了

   
   image.png