一、浏览器自带截图工具

网页上右键有网页捕获
Chrome/Edge浏览器截图方法,网页截全屏-风君雪科技博客

里面有捕获区域和捕获整页,
区域是自选区域,整页会直接下载当前网页截图。
Chrome/Edge浏览器截图方法,网页截全屏-风君雪科技博客

二、使用开发者工具节点截图

Chrome/Edge浏览器截图方法,网页截全屏-风君雪科技博客
打开开发者工具的时候,选择指定节点,然后点击捕获节点截图,
可以捕获指定节点的截图。
捕获html或body等大节点相当于捕整页。

三、使用开发者工具命令截图

Ctrl + shift + i可以打开开发者工具,
再按Ctrl + shift + p可以打开命令输入框
输入full直接回车可以截整页并下载。

Chrome/Edge浏览器截图方法,网页截全屏-风君雪科技博客

也可以在开发者工具节点树中选择一个节点,然后在执行命令的时候输入Capture node screenshot来截节点图

四、更多浏览器快捷键

https://support.google.com/chrome/answer/157179?hl=zh-Han

Chrome/Edge浏览器截图方法,网页截全屏-风君雪科技博客

有了计划记得推动,不要原地踏步。