按 F12(macOS 是 option + command + i)调出开发者工具,接着按 Ctrl + Shift + P(macOS 是 command + Shift + P)。紧接着输入指令 capture(Edge 是输入 截图),它会提示有四个选项,如下图所示:

1. Capture screenshot
截取屏幕可见区域的网页

2. Capture node screenshot
-
在开发者工具中选中 DOM 一个节点,然后截图:

-
如果选择根部一点的节点,然后截图,相当于截取整个网页:

3. Capture full size screenshot
截取整个网页,含没有显示在屏幕窗口的部分

环境
- Google Chrome 版本 91.0.4472.164(正式版本)(64 位)
- Microsoft Edge 92.0.902.67 (官方内部版本) (64 位)
- Windows 10 专业版