利用chrome浏览器实现滚动截屏

不知道怎么在浏览器上滚动截屏，搜索之后找到解决方法，在此记录一下。

打开Chrome浏览器，进入需要截图的网站页面，加载完毕之后：

场景一：截取整个页面

1.打开开发者工具（在页面的任何地方点击鼠标右键，在弹出菜单中选择“检查”选项或者使用快捷键组合：Alt + Command+ I (Mac) 或 Ctrl + Shift + I (Windows)）
2.打开命令行（快捷键组合：Command + Shift + P(Mac) 或 Ctrl + Shift + P (Windows)）
3.在命令行中输入“Screen”,点击“Capture full size screenshot”
如下图所示：

场景二： 截取页面中的某些元素

1.打开开发者工具（在页面的任何地方点击鼠标右键，在弹出菜单中选择“检查”选项或者使用快捷键组合：Alt + Command+ I (Mac) 或 Ctrl + Shift + I (Windows)）
2.点击开发者工具左上角的“选取元素”按钮，在网页中点击要截图的元素
3.打开命令行（快捷键组合：Command + Shift + P(Mac) 或 Ctrl + Shift + P (Windows)）
4.在命令行中输入“Screen”,点击“Capture node screenshot”，即可截取相应元素