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

需求背景

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

需求实现

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

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

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


    前端如何优雅的用chrome截图某个node节点_第1张图片
    image.png
  4. 然后按住快捷键command+shift+p

    前端如何优雅的用chrome截图某个node节点_第2张图片
    image.png

  5. 输入Capture node screenshot

    前端如何优雅的用chrome截图某个node节点_第3张图片
    image.png

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


    前端如何优雅的用chrome截图某个node节点_第4张图片
    image.png

你可能感兴趣的:(前端如何优雅的用chrome截图某个node节点)