使用Chrome内置开发者工具(无需安装扩展)
这是最原生的方法,适合所有用户。

- 打开需要截图的网页
- 按
F12或右键选择“检查”打开开发者工具 - 按
Ctrl+Shift+P(Windows/Linux)或Cmd+Shift+P(Mac) - 在命令框中输入
screenshot,会看到4个选项:- Capture area screenshot - 区域截图
- Capture full size screenshot - 完整长截图(这就是你要的)
- Capture node screenshot - 节点截图
- Capture screenshot - 普通截图
- 选择“Capture full size screenshot”后会自动下载完整网页截图
使用浏览器扩展(最简单)
推荐扩展:GoFullPage
- 访问 Chrome 网上应用店
- 搜索“GoFullPage”并安装
- 安装后点击工具栏中的扩展图标
- 自动滚动并捕获整个页面
- 可编辑、标注、导出为PDF或PNG
其他优秀扩展:
- Fireshot:功能全面,支持编辑和注释
- Nimbus Screenshot:截图和录屏二合一
- Awesome Screenshot:强大的标注工具
使用快捷键组合(部分系统支持)
- Windows:
Win+Shift+S选择“全屏截图”(部分新版Windows支持长截图) - Mac:
Shift+Command+5选择“捕获整个网页”
手机端Chrome长截图
Android用户:
- 在Chrome中打开网页
- 同时按“电源键+音量下键”截图
- 点击预览图下方的“滚动截图”或“长截图”按钮
- 手机会自动滚动并拼接(此功能需手机系统支持)
iOS用户:
使用Safari更便捷,但Chrome中可以通过:
- 截图后点击预览
- 选择“整页”选项保存为PDF
方法对比
| 方法 | 优点 | 缺点 |
|---|---|---|
| 开发者工具 | 无需安装、功能强大 | 操作稍复杂 |
| GoFullPage扩展 | 一键操作、支持编辑 | 需安装扩展 |
| 系统快捷键 | 快速方便 | 功能有限 |
| 手机端 | 移动端便捷 | 功能因机型而异 |
使用建议
- 普通用户:直接安装 GoFullPage 扩展,最简单快捷
- 开发者/高级用户:使用开发者工具,控制更精准
- 临时需求:可尝试系统快捷键或在线截图工具
我个人最推荐GoFullPage扩展,它的操作体验最流畅,成功率最高,如果是偶尔使用,Chrome自带的开发者工具方法也完全够用。
版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。