谷歌浏览器(Chrome)截图功能非常强大,提供了多种便捷的截图方式。以下是主要的几种方法,从最常用到最专业排序

谷歌 Chrome手册 1

使用内置快捷键(最快捷)

这是最常用的方法,无需任何扩展。

谷歌浏览器(Chrome)截图功能非常强大,提供了多种便捷的截图方式。以下是主要的几种方法,从最常用到最专业排序-第1张图片-Chrome下载官网|Google官方浏览器下载

  1. 截取整个页面

    • 快捷键Ctrl + Shift + P (Windows/Linux) 或 Cmd + Shift + P (Mac)。
    • 在出现的命令框中输入 screenshot,然后选择 “捕获整页截图”
    • 浏览器会自动保存为PNG文件到你的下载文件夹。
  2. 截取当前屏幕区域(可见部分)

    • 快捷键Ctrl + Shift + S (Windows/Linux) 或 Cmd + Shift + S (Mac)。
    • 或者,同样使用 Ctrl/Cmd + Shift + P,然后输入 screenshot,选择 “捕获区域截图”
    • 此时屏幕会变暗,你可以用鼠标拖拽选择任意矩形区域,松开鼠标即可保存。

使用开发者工具(适合开发者或精确截图)

适合需要截取特定DOM元素或精确尺寸的截图。

  1. 在网页上F12 或右键选择 “检查” 打开开发者工具。
  2. Ctrl + Shift + P (Windows/Linux) 或 Cmd + Shift + P (Mac) 调出命令菜单。
  3. 输入 screenshot,你会看到更多高级选项:
    • 捕获节点截图:只截取你在“元素”面板中选中的HTML节点(如一个按钮、一个div块)。
    • 捕获整页截图:同上,截取完整长图。
    • 捕获区域截图:同上。

安装专用截图扩展(功能最全面)

如果你需要滚动截图、添加标注、延时截图等高级功能,推荐安装扩展。

  1. 打开Chrome网上应用店。
  2. 搜索并安装以下热门截图扩展之一(任选一个即可):
    • Awesome Screenshot:功能全面,支持滚动截图、标注、编辑、模糊敏感信息。
    • FireShot:老牌插件,特别擅长捕捉整页和滚动区域,并可保存为PDF。
    • Nimbus Screenshot:同样支持滚动截图和强大编辑功能。
  3. 安装后,浏览器工具栏会出现扩展图标,点击即可使用丰富功能。

系统通用快捷键(最基础)

如果只需截取当前浏览器窗口,可以使用操作系统自带的快捷键,然后进行裁剪。

  • 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 这样的扩展会极大提升效率。

抱歉,评论功能暂时关闭!