使用内置快捷键(最快捷)
这是最常用的方法,无需任何扩展。

-
截取整个页面:
- 快捷键:
Ctrl + Shift + P(Windows/Linux) 或Cmd + Shift + P(Mac)。 - 在出现的命令框中输入
screenshot,然后选择 “捕获整页截图”。 - 浏览器会自动保存为PNG文件到你的下载文件夹。
- 快捷键:
-
截取当前屏幕区域(可见部分):
- 快捷键:
Ctrl + Shift + S(Windows/Linux) 或Cmd + Shift + S(Mac)。 - 或者,同样使用
Ctrl/Cmd + Shift + P,然后输入screenshot,选择 “捕获区域截图”。 - 此时屏幕会变暗,你可以用鼠标拖拽选择任意矩形区域,松开鼠标即可保存。
- 快捷键:
使用开发者工具(适合开发者或精确截图)
适合需要截取特定DOM元素或精确尺寸的截图。
- 在网页上按
F12或右键选择 “检查” 打开开发者工具。 - 按
Ctrl + Shift + P(Windows/Linux) 或Cmd + Shift + P(Mac) 调出命令菜单。 - 输入
screenshot,你会看到更多高级选项:- 捕获节点截图:只截取你在“元素”面板中选中的HTML节点(如一个按钮、一个div块)。
- 捕获整页截图:同上,截取完整长图。
- 捕获区域截图:同上。
安装专用截图扩展(功能最全面)
如果你需要滚动截图、添加标注、延时截图等高级功能,推荐安装扩展。
- 打开Chrome网上应用店。
- 搜索并安装以下热门截图扩展之一(任选一个即可):
- Awesome Screenshot:功能全面,支持滚动截图、标注、编辑、模糊敏感信息。
- FireShot:老牌插件,特别擅长捕捉整页和滚动区域,并可保存为PDF。
- Nimbus Screenshot:同样支持滚动截图和强大编辑功能。
- 安装后,浏览器工具栏会出现扩展图标,点击即可使用丰富功能。
系统通用快捷键(最基础)
如果只需截取当前浏览器窗口,可以使用操作系统自带的快捷键,然后进行裁剪。
- Windows:
- 截取当前活动窗口:
Alt + PrintScreen,然后粘贴到画图等工具中保存。 - 使用 “截图工具” 或 “Snip & Sketch” (
Win + Shift + S)。
- 截取当前活动窗口:
- Mac:
- 截取当前窗口:
Cmd + Shift + 4,然后按空格键,鼠标点击目标窗口。 - 使用 “截屏” 工具 (
Cmd + Shift + 5)。
- 截取当前窗口:
总结与建议
| 方法 | 优点 | 适合场景 |
|---|---|---|
内置快捷键 (Ctrl+Shift+P/S) |
无需安装,原生支持,可截长图 | 快速截取整个页面或部分区域 |
| 开发者工具 | 精确截取页面元素 | 开发者、测试人员需要特定元素截图 |
| 截图扩展 | 功能强大,滚动截图、编辑标注 | 日常高频使用,需要马赛克、画箭头、文字等后期处理 |
| 系统快捷键 | 无需学习浏览器特性 | 简单的窗口截图,或浏览器方法失效时的备选 |
给你的建议:
- 绝大多数情况,使用
Ctrl + Shift + P然后输入screenshot,选择“捕获整页截图”或“捕获区域截图”就完全足够了。 - 如果需要经常截取整个网页(长图)并进行编辑,安装一个 Awesome Screenshot 这样的扩展会极大提升效率。
版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。