这是Chrome开发者工具里隐藏的实用功能,无需任何扩展。

- 打开你想截图的网页。
- 打开开发者工具:
- 快捷键:
F12或Ctrl+Shift+I(Windows/Linux),Cmd+Option+I(Mac)。 - 或者右键页面空白处,选择“检查”。
- 快捷键:
- 打开命令菜单:
- 在开发者工具面板里,按
Ctrl+Shift+P(Windows/Linux),Cmd+Shift+P(Mac)。
- 在开发者工具面板里,按
- 输入截图命令:
- 在弹出的命令框中,输入
screenshot,你会看到多个选项。 - 选择
Capture full size screenshot(捕获完整尺寸的截图),这是最关键的一步。
- 在弹出的命令框中,输入
- 自动保存:
- 点击后,浏览器会自动滚动并截取整个网页(从顶部到底部),并自动下载为一个PNG图片到你的默认下载文件夹。
优点:原生支持,最干净,能截取整个页面(包括视口外的部分)。 缺点:需要记住快捷键,不能自定义截取区域(只能是整个页面)。
使用第三方浏览器扩展(功能丰富,可自定义区域)
这是最灵活的方式,适合需要截取特定长区域或添加标注的用户。
- 打开 Chrome 网上应用店。
- 搜索并安装一个评分高的截图扩展,
- GoFullPage(最知名): 功能专一,截图质量高。
- Fireshot: 功能强大,支持截图、编辑、标注、保存为PDF等。
- Awesome Screenshot: 集截图、录屏、编辑于一体。
- 安装后,点击浏览器工具栏上的扩展图标,通常选择“捕获整个页面”或类似选项。
- 扩展会自动滚动并截图,完成后会在新标签页打开预览,你可以进行编辑、下载或保存。
优点:操作直观,功能多(标注、模糊、裁剪等),可截取整个页面或自选滚动区域。 缺点:需要安装扩展。
使用系统或第三方软件(通用性强)
如果你的需求不局限于浏览器,也可以使用系统或第三方截图工具。
-
Windows 11/10:
- 使用 PrtScn(Print Screen)键 + Microsoft Snipping Tool(截图工具)。
- 打开“截图工具”,选择“矩形截图”或“窗口截图”,然后拖动选择区域后,工具栏会出现“长截图”按钮(一个向下的箭头),点击后即可滚动截取。
- 或者使用 Snipaste、FastStone Capture 等强大第三方工具,它们都自带滚动截图功能。
-
macOS:
- 系统没有内置长截图功能。
- 强烈建议使用第三方软件,如 CleanShot X、Snipaste 或 Xnip(在Mac App Store可下载),它们都支持漂亮的滚动截图。
-
第三方跨平台软件:
- Snipaste(Win/Mac): 免费、强大,贴图功能是特色,也支持滚动截图。
- ShareX(Windows): 免费开源,功能极其强大,支持各种截图和工作流。
总结与建议
| 方法 | 优点 | 缺点 | 适用场景 |
|---|---|---|---|
| Chrome 开发者工具 | 无需安装,最原生,截取完整页面 | 步骤稍多,无法自定义区域 | 需要快速截取整个网页保存 |
| 浏览器扩展 | 功能丰富,操作直观,可编辑标注 | 需安装扩展 | 经常需要截图、编辑、标注的日常用户 |
| 系统/第三方软件 | 不限于浏览器,功能专业 | 需单独学习或付费 | 有全系统范围截图需求,或需要最专业功能 |
对于绝大多数用户,建议:
- 先尝试 方法一(开发者工具),
F12->Ctrl+Shift+P-> 输入full这个流程,非常高效。 - 如果经常需要且觉得方法一麻烦,安装一个如 GoFullPage 的扩展是最省事的选择。
- 如果需要在所有软件中长截图,则选择一款优秀的第三方截图软件。
版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。