方法一,使用 Chrome 自带的滚动截图功能(最简单,推荐首选)

谷歌 Google官方 1

这是Chrome开发者工具里隐藏的实用功能,无需任何扩展。

方法一,使用 Chrome 自带的滚动截图功能(最简单,推荐首选)-第1张图片-谷歌浏览器 (Google Chrome)官方下载_免费安全浏览器

  1. 打开你想截图的网页
  2. 打开开发者工具
    • 快捷键:F12Ctrl+Shift+I(Windows/Linux),Cmd+Option+I(Mac)。
    • 或者右键页面空白处,选择“检查”。
  3. 打开命令菜单
    • 在开发者工具面板里,按 Ctrl+Shift+P(Windows/Linux),Cmd+Shift+P(Mac)。
  4. 输入截图命令
    • 在弹出的命令框中,输入 screenshot,你会看到多个选项。
    • 选择 Capture full size screenshot (捕获完整尺寸的截图),这是最关键的一步。
  5. 自动保存
    • 点击后,浏览器会自动滚动并截取整个网页(从顶部到底部),并自动下载为一个PNG图片到你的默认下载文件夹。

优点:原生支持,最干净,能截取整个页面(包括视口外的部分)。 缺点:需要记住快捷键,不能自定义截取区域(只能是整个页面)。


使用第三方浏览器扩展(功能丰富,可自定义区域)

这是最灵活的方式,适合需要截取特定长区域或添加标注的用户。

  1. 打开 Chrome 网上应用店
  2. 搜索并安装一个评分高的截图扩展
    • GoFullPage(最知名): 功能专一,截图质量高。
    • Fireshot: 功能强大,支持截图、编辑、标注、保存为PDF等。
    • Awesome Screenshot: 集截图、录屏、编辑于一体。
  3. 安装后,点击浏览器工具栏上的扩展图标,通常选择“捕获整个页面”或类似选项。
  4. 扩展会自动滚动并截图,完成后会在新标签页打开预览,你可以进行编辑、下载或保存。

优点:操作直观,功能多(标注、模糊、裁剪等),可截取整个页面或自选滚动区域。 缺点:需要安装扩展。


使用系统或第三方软件(通用性强)

如果你的需求不局限于浏览器,也可以使用系统或第三方截图工具。

  • Windows 11/10

    • 使用 PrtScn(Print Screen)键 + Microsoft Snipping Tool(截图工具)
    • 打开“截图工具”,选择“矩形截图”或“窗口截图”,然后拖动选择区域后,工具栏会出现“长截图”按钮(一个向下的箭头),点击后即可滚动截取。
    • 或者使用 SnipasteFastStone Capture 等强大第三方工具,它们都自带滚动截图功能。
  • macOS

    • 系统没有内置长截图功能
    • 强烈建议使用第三方软件,如 CleanShot XSnipasteXnip(在Mac App Store可下载),它们都支持漂亮的滚动截图。
  • 第三方跨平台软件

    • Snipaste(Win/Mac): 免费、强大,贴图功能是特色,也支持滚动截图。
    • ShareX(Windows): 免费开源,功能极其强大,支持各种截图和工作流。

总结与建议

方法 优点 缺点 适用场景
Chrome 开发者工具 无需安装,最原生,截取完整页面 步骤稍多,无法自定义区域 需要快速截取整个网页保存
浏览器扩展 功能丰富,操作直观,可编辑标注 需安装扩展 经常需要截图、编辑、标注的日常用户
系统/第三方软件 不限于浏览器,功能专业 需单独学习或付费 有全系统范围截图需求,或需要最专业功能

对于绝大多数用户,建议:

  1. 先尝试 方法一(开发者工具)F12 -> Ctrl+Shift+P -> 输入 full 这个流程,非常高效。
  2. 如果经常需要且觉得方法一麻烦,安装一个如 GoFullPage 的扩展是最省事的选择。
  3. 如果需要在所有软件中长截图,则选择一款优秀的第三方截图软件

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