chrome 浏览器自带全网页截图

 

在工作中，我们难免需要给一些网页截图。也许你尝试过各种插件，或者是使用过一些截图工具，但其实，Chrome 本身就带有截图特性，功能还很丰富。它不仅可以截取浏览器窗口，还可以截取网页全图，截取移动端显示效果，甚至带壳截图。

那么 Chrome 的截图该怎么用呢？让我给你详细地介绍一下吧。

截图指令

Chrome 的截图功能藏在开发者工具中，所以在截图之前你需要先打开开发者工具。我们可以直接在页面上按下鼠标右键，选择「检查」（或「审查元素」），也可以按下 Cmd+Option+I（Windows 下是 Ctrl+Shift+I），来打开开发者工具。

 

Chrome 开发者工具

 

在浏览器窗口底部弹出的面板就是开发者工具啦。此时，我们继续按下 Cmd+Shift+P（Windows 下是 Ctrl+Shift+P）打开指令输入框，在里面输入 screenshot，就可以看到四个截图相关的指令了。

 

指令输入框

 

这四个指令分别对应着：

• Capture area screenshot：区域截图，截取网页的一个区域。
• Capture full size screenshot：全网页截图，截取整个网页。