How to Capture Pages in Chrome

Posted by kelly on July 18, 2021

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 专业版