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

2018-11-2520:32:14 3 2,541

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

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

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

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

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

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

Capture node screenshot 截取选中的Dom节点

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

weinxin
老D博客 微信公众号
请大佬们关注订阅老D博客微信公众号, 扫一扫关注,从此不迷路。 不定时放出邀请码、福利、推送更新等...
网络加速器推荐

发表评论

您必须才能发表评论!

目前评论:3   其中:访客  3   博主  0

    • avatar flyingsheep 3

      一般我还是比较喜欢QQ里面的截图功能,可以随意选取位置,还可以加字

      • avatar htloveww 1

        直接用输入法截图,ctrl+shift+a

        • avatar shenzhouyh 2

          哈哈,要是选择body节点的话,就能间接长截图啦