使用Chrome内置的开发者工具（无需插件）
这是最“原生”的方法，可以精确截取任何区域。
- 在你想截图的网页上,按
F12键（或右键选择“检查”）打开开发者工具。 - 按
Ctrl + Shift + P（Windows）或Cmd + Shift + P（Mac）打开“命令菜单”。 - 输入命令,有三种选择：
- 截取全屏：输入
screenshot，选择 Capture full size screenshot。 - 截取当前节点：选中左侧HTML元素后，输入
screenshot，选择 Capture node screenshot（最精准的区域截图）。 - 截取可视区域：输入
screenshot，选择 Capture screenshot。
- 截取全屏：输入
提示：此方法截取的图片会自动下载到你的“下载”文件夹，且为无损PNG格式。
使用系统或浏览器的快捷键（最快捷）
这是最常用的快速截图方式。
| 操作系统 | 组合键 | 功能说明 |
|---|---|---|
| Windows | Ctrl + Shift + S |
唤出Chrome的网页截图菜单，可选择“区域”、“整页”、“当前标签页”。 |
| macOS | Cmd + Shift + S |
同上，唤出Chrome截图菜单。 |
| 全平台通用 | Ctrl + Shift + P (Win) / Cmd + Shift + P (Mac)，然后输入 screenshot |
效果同“方法一”，调用开发者工具命令。 |
注意：直接按
PrtSc（Print Screen）键是截取整个系统屏幕，不是浏览器区域截图。
安装专业截图扩展（功能最强大）
如果你需要滚动截长图、添加标注、编辑、延时截图等高级功能，强烈推荐安装扩展。
- 打开 Chrome 网上应用店。
- 搜索并安装以下广受好评的扩展之一：
- GoFullPage：长截图神器，一键截取整个网页，无缝拼接，效果极佳。
- FireShot：全能选手，支持区域、可视页面、整页截图，并可编辑、标注、保存为PDF/图片。
- Awesome Screenshot：截图与录屏，区域截图、长截图、录制动图/视频，并内置强大的注释工具。
安装后,扩展图标会出现在浏览器右上角，点击即可使用丰富功能。
各方法对比总结
| 方法 | 优点 | 缺点 | 适用场景 |
|---|---|---|---|
| 开发者工具 | 原生、精准（节点截图）、无损PNG | 步骤稍多，需要记住快捷键 | 开发者、需要精确截取特定元素 |
| 浏览器快捷键 | 最快、最方便（尤其 Ctrl+Shift+S） |
功能相对基础，无法长截图 | 日常快速截取可视区域或简单整页 |
| 专业扩展 | 功能最全（长截图、编辑、标注、延时等） | 需要额外安装 | 重度用户、需要编辑、截取完整长页面、制作教程 |
建议
- 追求最快、最直接：
Ctrl/Cmd + Shift + S。 - 需要截取整个长网页：立即安装 GoFullPage。
- 截图后还需要涂画、标注：安装 FireShot 或 Awesome Screenshot。
选择最适合你工作流的方式即可！
版权声明：除非特别标注，否则均为本站原创文章，转载时请以链接形式注明文章出处。
