使用浏览器自带的“网页截图”功能(最推荐)
这是Chrome隐藏的宝藏功能,无需任何插件,可以截取整个页面、可见区域或任意区域。

- 打开你要截图的网页。
- 按下快捷键
Ctrl + Shift + I(Windows/Linux)或Cmd + Option + I(Mac) 打开“开发者工具”。 - 再次按下快捷键
Ctrl + Shift + P(Windows/Linux)或Cmd + Shift + P(Mac),会打开一个命令菜单。 - 在命令菜单中输入
screenshot,你会看到四个选项:- Capture area screenshot:区域截图(最符合你的需求),选择后,鼠标会变成十字线,拖动即可选择任意矩形区域进行截图。
- Capture full size screenshot:滚动截图(截取整个网页,超出一屏的部分会自动拼接)。
- Capture node screenshot:截取当前选中的HTML元素(在开发者工具元素面板中选中后使用)。
- Capture screenshot:截取当前可视区域(等同于浏览器窗口看到的部分)。
- 选择 “Capture area screenshot”,用鼠标拖动选择你要的区域,松开鼠标后,截图会自动下载到你的“下载”文件夹中。
优点:原生支持、无需插件、可截长图、可精确区域截图。 缺点:步骤稍多,需要记住快捷键。
使用操作系统的截图工具(最通用)
你的电脑系统自带的截图工具通常都很强大。
-
Windows 10/11:
- 按下
Win + Shift + S快捷键,屏幕变暗,顶部出现工具栏,选择“矩形截图”或“任意形状截图”,框选区域后,截图会保存到剪贴板,并弹出通知,点击通知可以进行简单的编辑、标注和保存。 - 或者直接搜索并打开“截图工具”应用。
- 按下
-
macOS:
- 按下
Shift + Command + 4快捷键,鼠标指针会变成十字线,拖动选择区域,松开鼠标后,截图会默认保存在桌面。 - 如果你在选择区域时按住
空格键,可以移动整个选区;按住Option键可以从中点开始选择。
- 按下
优点:系统级工具,在所有软件(包括浏览器)中都能用,功能丰富。 缺点:无法直接滚动截取超长的整个网页。
安装浏览器扩展程序(功能最丰富)
如果你需要更强大的功能,如即时标注、箭头、模糊、滚动截图等,可以安装第三方扩展。
- 打开 Chrome 网上应用店。
- 搜索关键词如 “screenshot”。
- 选择安装评价高、用户多的扩展,一些热门推荐:
- GoFullPage:专门用于滚动截取整个网页的长图,效果极佳。
- Awesome Screenshot:功能全面,支持区域、可视页面、整页截图,并带有强大的编辑器和标注工具。
- Nimbus Screenshot:类似Awesome Screenshot,也支持录屏。
安装后,扩展的图标会出现在浏览器工具栏,点击即可使用各种截图模式。
优点:功能强大、操作直观、集成编辑工具。 缺点:需要安装第三方扩展。
总结与建议
| 方法 | 适合场景 | 优点 | 缺点 |
|---|---|---|---|
| Chrome开发者工具 | 需要区域截图或滚动长截图,且不想装插件 | 原生、无痕、可截长图 | 操作步骤稍复杂 |
| 系统截图工具 | 快速截取浏览器内任意区域,并在其他程序中使用 | 系统级、通用、快速编辑 | 无法截取整个长网页 |
| 浏览器扩展 | 需要频繁截图、标注、编辑、分享 | 功能最全、体验最好 | 需安装额外软件 |
给你的建议:
- 如果只是偶尔用,想快速区域截图,
Ctrl+Shift+P输入screenshot的方法,或者用系统的Win+Shift+S或Cmd+Shift+4就足够了。 - 如果需要经常截取完整的网页长图,“GoFullPage”扩展是首选。
- 如果截图后还需要涂画、标注、打码,“Awesome Screenshot”或“Nimbus”扩展是最佳选择。
你可以根据实际需求选择最适合你的方式。