[博客与指南](https://openscreenshot.app/zh-cn/blog/) · 日常截图

# 如何在 Chrome 中截取整页截图

用 OpenScreenShot 截取整个可滚动网页，检查结果，并导出为图片或 PDF。

作者 [OpenScreenShot](https://github.com/pghqdev/OpenScreenShot)

要用 OpenScreenShot 截取整页截图，请打开网页并点击扩展的工具栏图标。在默认设置下，截图会立即开始，完成的图片在编辑器中打开。扩展会滚动页面，并把截取的各部分拼接成一张图片。

## 逐步截取页面

1. 从 [Chrome 应用商店 安装 OpenScreenShot](https://chromewebstore.google.com/detail/hdabbojjccojlapnfjpdppcpfcnhgmdp)，并把它的图标固定到工具栏。
2. 打开要截取的页面。关闭你不想出现在图片里的横幅或对话框。
3. 等待你需要的内容加载完成。对于延迟加载图片的页面，请在开始前先滚动浏览相关内容。
4. 点击 OpenScreenShot 图标。截图完成前，请让标签页保持原样。
5. 在编辑器中检查图片，尤其是第一部分、最后一部分以及所有固定导航栏。
6. 点击**保存图片**，并在**导出**对话框中选择 PNG、JPEG、WebP 或 PDF。

如果点击图标打开的是模式选择窗口，请选择**整页**。**一键 Express 模式**设置决定你得到哪种行为。如果编辑器没有打开，请检查**截图后**：剪贴板和下载会把结果直接发送到各自的目标位置。

## 整页、可见区域还是选定区域？

**整页**适合审阅落地页、保留一篇文章的视觉副本，或展示一个很长的设置界面。它包含当前视口以外的内容。

**可见区域**截取当前可见的内容，不滚动。当周围的界面能提供有用的上下文、而页面其余部分无关时，就用它。

**选定区域**截取你选择的矩形。对于缺陷报告，它通常是最清楚的选项：截取出问题的组件，再加上足以辨认它的周边内容。选区控件和快捷键见[截图模式参考](https://openscreenshot.app/zh-cn/docs/#modes)。

## 为什么页面有部分缺失或重复？

整页截图记录的是页面渲染后的样子。它不会导出网站最终可能加载的全部内容。无限滚动的信息流、虚拟化列表、移动的内容和嵌入的滚动区域都可能让这一区别显现出来。

OpenScreenShot 能处理固定页头和嵌套滚动容器，但滚动时替换内容的页面仍可能产生不完整的结果。请等页面稳定、加载相关部分后再重试。对于无限增长的信息流，请改为截取重要区域。浏览器内部页面和其他受保护的界面可能会阻止扩展截图；见[支持与已知限制](https://openscreenshot.app/zh-cn/support/)。

## 选择适合目标用途的导出格式

当无损输出很重要时，界面文字和图表请用 PNG。当文件大小更重要时，JPEG 和 WebP 提供质量控制。如果要作为文档附件，请参考[截图转 PDF 指南](https://openscreenshot.app/zh-cn/blog/save-screenshot-as-pdf/)。

分享前，请删除读者不需要的信息。[打码指南](https://openscreenshot.app/zh-cn/blog/redact-screenshot/)说明了如何遮盖敏感内容并检查导出的文件。在扩展中截图和编辑都在本地进行；把导出的截图上传到别处是你自己控制的另一个操作。

## 继续阅读

[阅读文档](https://openscreenshot.app/zh-cn/docs/)、[浏览所有指南](https://openscreenshot.app/zh-cn/blog/)，或[获取截图帮助](https://openscreenshot.app/zh-cn/support/)。

---

Canonical page: https://openscreenshot.app/zh-cn/blog/full-page-screenshot-chrome/