使用浏览器自带工具(推荐)
- 打开网页,进入需要截图的页面。
- 点击右上角菜单(三个点图标)→ 选择 “网页截图”。
- 可选范围:
- 截取可见范围:仅截当前屏幕内容。
- 截取整个网页:长截图(自动滚动截取全部内容)。
- 截取区域:自定义选择区域。
- 可选范围:
- 截图后会自动下载到“下载”文件夹,或点击弹窗预览保存。
快捷键截图(高效)
- 截取整个网页:
Ctrl + Shift + P(Windows/Linux)或Cmd + Shift + P(Mac)打开命令面板 → 输入 “截图” → 选择对应选项。 - 截取区域:
Ctrl + Shift + S(Windows/Linux)或Cmd + Shift + S(Mac)可直接进入区域截图模式。
安装截图扩展(功能更丰富)
- 打开 Chrome 应用商店(Chrome Web Store)。
- 搜索截图扩展(如 “Awesome Screenshot”、“Nimbus Screenshot” 等)。
- 点击“添加到 Chrome”安装,安装后浏览器工具栏会出现扩展图标,支持滚动截图、标注、编辑等功能。
系统自带截图工具
- Windows:按
PrtScn键全屏截图,或Win + Shift + S区域截图。 - Mac:按
Shift + Command + 4区域截图,或Shift + Command + 5打开截图工具。 (需手动切换到Chrome窗口)
开发者工具截图
- 按
F12或Ctrl + Shift + I打开开发者工具。 - 按
Ctrl + Shift + P(Mac为Cmd + Shift + P)→ 输入 “screenshot” → 选择:- Capture full size screenshot:整个网页长截图。
- Capture node screenshot:仅截取选中元素。
总结对比
| 方法 | 优点 | 适合场景 |
|---|---|---|
| 浏览器自带工具 | 无需安装,支持长截图 | 快速截取整个页面 |
| 快捷键 | 效率最高 | 熟悉快捷键的用户 |
| 扩展程序 | 功能丰富(标注、编辑等) | 需要后期处理 |
| 系统工具 | 通用,可截任何界面 | 简单截图 |
| 开发者工具 | 精准截取元素或全页 | 开发者或需要精确截图的用户 |
提示:Chrome版本更新可能导致菜单位置变化,若找不到“网页截图”,建议更新到最新版本(设置→关于Chrome中检查更新)。

版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。