Chrome 原生截图功能

in #cn7 years ago

image source

这篇文章很久以前就想写,当时 Chrome 62 刚刚更新,在开发者工具里加入了截图功能(可以截取整个页面)。一直拖着,今天有空,赶紧补上。英文ok的可以看官方介绍,下面介绍怎么用。

  • 鼠标选取截图

    1. 进入开发者工具,点击Inspect或快捷键 Command+Shift+C (Mac) 或 Control+Shift+C (Windows, Linux) 进入元素选择模式

    2. 按住 Command (Mac) 或 Control (Windows, Linux)键,并选择你想要截取的区域。

    3. 释放鼠标,截图会被自动下载下来。

  • 命令截图

    1. 元素面板中选择想要元素,或者也可以进入元素选择模式,鼠标选中需要的元素(不用按住 Command 或 Control 键)。

    2. 输入Cmd+Shift+P (Mac) 或者 Ctrl+Shift+P (Windows, Linux) 打开命令行。

    3. 在命令行中输入 cpature 这后,下面会出现截图选项,可以截取刚刚选择的元素,也可以全屏截图,甚至可以滚动截取整个页面。

What you want, Go after It.


https://steemit.com 首发。感谢阅读。

欢迎Follow, Upvote, Reply, Resteem (repost)激励我创作更多更好的内容。

@syt