美文网首页
前端如何优雅的用chrome截图某个node节点

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

作者: 太阳公不公 | 来源:发表于2018-08-11 14:45 被阅读0次

需求背景

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

需求实现

  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

相关文章

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

    需求背景 在网上偶尔看到一篇文章,写的很好,想要把文章保存成截图,以后可以随时查阅,但是我只想要网页中的某一小片内...

  • 前端资源工具一览

    收集的资源 主要面向前端| 前端人的俱乐部 如何优雅地使用Sublime Text Awesome Chrome ...

  • 利用chrome优雅截图

    开发者工具->Elements->右键->Capture node screenshot,如图

  • 用node.js和MySQL编写网页中的注册登录

    后台语句: 前端语句: MySQL数据: 注册成功截图: 登录成功截图: 今天为大家分享了用Node.js和MyS...

  • node.js从入门到实践

    node.js node.js是前端最流行的javascript运行环境 node.js 是一个基于 chrome...

  • day1 GU

    如何学习 怎样解决问题 如何搭建学习平台 效率软件 浏览器 chrome everything 截图软件 我用sn...

  • 《一款清理win10隐私的免费小众软件》

    推荐导读:《如何优雅的使用Chrome?》 《如何优雅的管理自己的密码 ?》 《如何优雅的 免费 使用 正版 Ad...

  • Webpack配合Express项目开发

    本文基于工作项目开发,做的整理笔记在某个节点,想尝试一下node,摆脱jsp的java前端方式,就切换到了Expr...

  • 移动

    设置节点为某个位置 this.node.setPosition( 300,300);//使用方法this.node...

  • HTTP

    node.js Server 如何发请求: 两种方法: 1 用Chrome地址栏 network2 curl 命令...

网友评论

      本文标题:前端如何优雅的用chrome截图某个node节点

      本文链接:https://www.haomeiwen.com/subject/zvrdbftx.html