使用浏览器内置截图工具(Chrome 104+版本)
- 打开开发者工具:
- 按
F12或右键网页 → 选择“检查”。
- 按
- 调出命令菜单:
- 按
Ctrl + Shift + P(Windows/Linux)或Cmd + Shift + P(Mac)。
- 按
- 输入截图命令:
- 输入 “screenshot”,会显示多个选项:
- Capture area screenshot → 区域截图(可框选任意区域)。
- Capture full-size screenshot → 整个网页截图。
- Capture node screenshot → 选中元素截图。
- Capture screenshot → 可见区域截图。
- 输入 “screenshot”,会显示多个选项:
- 选择 “Capture area screenshot”,拖动鼠标框选区域即可。
使用扩展程序(推荐更灵活)
安装截图扩展,

- GoFullPage(全网页截图,支持编辑和区域选择)。
- Awesome Screenshot(区域/全页截图,支持标注)。
- Nimbus Screenshot(区域截图+录屏)。
使用步骤:
- 打开 Chrome 网上应用店,搜索扩展名称。
- 点击“添加至 Chrome”。
- 安装后点击扩展图标,选择“捕获区域”即可框选截图。
系统快捷键 + 浏览器功能
- 截图当前可见区域:
- 按
Ctrl + Shift + P(Mac 为Cmd + Shift + P),输入screenshot→ 选择“Capture screenshot”。 - 或直接按
Ctrl + Shift + F(需在开发者工具开启时)。
- 按
- 配合系统工具裁剪:
- 先截取全屏或窗口(按
PrtSc或Alt + PrtSc)。 - 用系统画图工具(如 Windows 画图、macOS 预览)裁剪区域。
- 先截取全屏或窗口(按
地址栏指令(实验性功能)
- 在地址栏输入:
chrome://flags/#screenshot - 启用 “Desktop Screenshots” 或相关实验功能(如有)。
- 重启浏览器后,右键网页可能新增截图选项(部分版本可用)。
总结建议
- 最快上手:用开发者工具的
Ctrl + Shift + P→ “Capture area screenshot”。 - 日常推荐:安装 Awesome Screenshot 扩展,一键区域截图且功能丰富。
- 系统联动:用浏览器截全屏后,再用系统工具裁剪。
如有问题可尝试更新 Chrome 至最新版本,部分功能需新版支持。
版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。