在工作中,我们难免需要给一些网页截图。也许你尝试过各种插件,或者是使用过一些截图工具,但其实,Chrome 本身就带有截图特性,功能还很丰富。它不仅可以截取浏览器窗口,还可以截取网页全图,截取移动端显示效果,甚至带壳截图。
那么 Chrome 的截图该怎么用呢?让我给你详细地介绍一下吧。
截图指令
Chrome 的截图功能藏在开发者工具中,所以在截图之前你需要先打开开发者工具。我们可以直接在页面上按下鼠标右键,选择「检查」(或「审查元素」),也可以按下 Cmd+Option+I
(Windows 下是 Ctrl+Shift+I
),来打开开发者工具。
Chrome 开发者工具
在浏览器窗口底部弹出的面板就是开发者工具啦。此时,我们继续按下 Cmd+Shift+P
(Windows 下是 Ctrl+Shift+P
)打开指令输入框,在里面输入 screenshot
,就可以看到四个截图相关的指令了。
指令输入框