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

Xuanmo 发表于:2018-10-25 21:22:34 分类:前端相关  371  4

平时在使用中偶尔需要截取网页中的图片,一般需要安装插件什么的,偶然发现chrome自带一个非常好用的截图功能,不需要任何依赖插件,还带有很多其他命令,所以做一下分享。

第一步打开chrome控制台,可以使用鼠标右键,点击检查菜单打开Elements界面或者使用快捷键,Mac平台command+option+i

第二步使用快捷键Maccommand+shift+p,windows平台ctrl+shift+p,调出命令行,输入screen,出现以下命令,选中即可生成图片并自动保存:

Capture full size screenshot截取整个网页,body部分

Capture node screenshot截取选中的Dom节点

  • 6人 Love
  • 0人 Haha
  • 1人 Wow
  • 0人 Sad
  • 0人 Angry
chrome、chrome截图

作者简介:Xuanmo

打赏

生命的意义在于折腾。

共 4 条评论关于 “分享:使用Chrome自带命令实现网页截图”