Npcink Blog
切换菜单

使用 Chrome 自带命令实现网页截图

当我们只需要简单的截图时,例如截取可视区域图片或者整页时,就可以用到这个方法

在谷歌浏览器上,有很多的插件方便我们去截图,同样的,也有很多不错的软件可以去截图,但是,Chrome 也是自带截图功能的。

当我们只需要简单的截图时,例如截取可视区域图片或者整页时,就可以用到这个方法。

  1. Ctrl + Shift + i 打开 google 控制台
  2. Ctrl + Shift + p 调出命令行
  3. 输入 Capture 后会模糊查询显示相关关键字的命令 Capture area screenshot 捕获区域屏幕截图
  • Capture full size screenshot 捕获整个网页,body 部分
  • Capture node screenshot 捕获选中的 Dom 节点
  • Capture screenshot 捕获屏幕截图,页面显示部分