这是 Chrome 官方提供的一个隐藏工具,功能强大。

- 打开命令菜单:按下键盘快捷键
Ctrl + Shift + P(Windows/Linux)或Cmd + Shift + P(Mac)。 - 输入截图命令:
- 在出现的搜索框中输入
screenshot,你会看到 4 个选项。
- 在出现的搜索框中输入
- 选择截图模式:
- 截取整个网页截图:将整个网页(包括所有滚动区域)保存为一张长图片。
- 截取区域截图:用鼠标框选你想截取的部分。
- 截取节点截图:在开发者工具中常用,可以精确截取某个网页元素。
- 截取可视区域截图:截取当前浏览器窗口能看到的部分。
选择后,截图会自动下载到你的“下载”文件夹中。
使用开发者工具(更专业,可截取特定元素)
- 在你想截图的网页上,右键点击某个元素或空白处,选择“检查”。
- 打开开发者工具后,用鼠标选中你想截图的那个 HTML 元素(代码部分会高亮显示)。
- 右键点击被选中的代码行,选择“捕获节点屏幕截图”。
这样就会精准地只截取该元素(比如一个按钮、一张图、一个版块)的图片。
使用第三方扩展(功能最丰富)
如果你需要更多编辑功能(如箭头、标注、马赛克等),可以安装扩展,在 Chrome 网上应用店搜索并安装:
- Awesome Screenshot:非常流行,功能全面。
- Nimbus Screenshot:同样强大,支持录屏。
- Fireshot:老牌截图工具。
安装后,浏览器工具栏会出现扩展图标,点击即可使用各种截图和编辑功能。
各方法总结与推荐
| 方法 | 快捷键/操作 | 适合场景 | 优点 |
|---|---|---|---|
| 内置命令菜单 | Ctrl/Cmd + Shift + P → 输入 screenshot |
绝大多数日常需求,尤其是截取整个长网页 | 无需扩展,原生支持,干净快捷 |
| 开发者工具 | 右键 → “检查” → 右键代码 → “捕获节点屏幕截图” | 精准截取网页的某个特定部分或元素 | 精度最高,开发者最爱 |
| 第三方扩展 | 安装扩展后点击工具栏图标 | 需要对截图进行标注、编辑、涂抹等二次操作 | 功能最丰富,集成编辑工具 |
给你的最快建议:
- 只想快速截图保存:直接使用
Ctrl+Shift+P调出命令菜单。 - 需要截取整个长长的网页:在上述菜单中选择“截取整个网页截图”。
- 需要画圈、箭头、打字标注:安装一个像 Awesome Screenshot 这样的扩展。
版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。