使用系统自带快捷键
适用于全屏或区域截图，与浏览器无关：
- 全屏截图：按
PrtScn（Print Screen）键，截图保存到剪贴板。 - 当前窗口截图：按
Alt + PrtScn，截取当前活动窗口。 - 自定义区域截图（Windows 10/11）：按
Win + Shift + S，选择截图区域。 - Mac系统：按
Shift + Command + 4选择区域，或Shift + Command + 5调出更多选项。
使用浏览器自带工具
开发者工具（DevTools）截图
- 打开网页后,按
F12或Ctrl + Shift + I打开开发者工具。 - 按
Ctrl + Shift + P（Windows）或Cmd + Shift + P（Mac）打开命令菜单。 - 输入 “screenshot”，选择：
Capture area screenshot：自定义区域截图Capture full size screenshot：完整网页长截图Capture node screenshot：截取特定元素Capture screenshot：截取当前可视区域
地址栏图标截图（Chrome 114+ 版本）
- 点击地址栏右侧的 “分享”图标（或相机图标）。
- 选择 “截图”，可截取可见区域或整个页面。
使用扩展程序（更灵活）
在 Chrome 应用商店 搜索安装：
- GoFullPage：一键长截图，支持PDF导出。
- Awesome Screenshot：截图+标注、滚动截图。
- Nimbus Screenshot：截图、录屏、编辑。
特定网页内容截图
- 截取单个元素：
右键点击页面元素 → 选择“检查” → 在开发者工具中右键点击代码 → 选择“Capture node screenshot”。
保存与编辑
- 截图后通常可直接复制到剪贴板或下载为PNG。
- 用画图、Photoshop 或浏览器扩展内置工具编辑。
对比总结
| 方法 | 适用场景 | 优点 |
|---|---|---|
| 系统快捷键 | 快速截取屏幕/窗口 | 无需额外工具 |
| 开发者工具 | 完整网页长截图/元素截图 | Chrome 内置，无需扩展 |
| 扩展程序 | 滚动截图、标注、录屏 | 功能丰富，可编辑 |
| 地址栏图标 | 快速截取可见区域或整页 | 原生支持，操作简单 |
选择最适合你需求的方式即可,如果需要滚动截图或标注，推荐使用扩展程序如 GoFullPage 或 Awesome Screenshot。
版权声明：除非特别标注，否则均为本站原创文章，转载时请以链接形式注明文章出处。
