SnipPop
← 全部指南

截图小指南

Chrome 怎么截取完整网页?

用 Chrome 自带的功能就能把整个网页存成一张图。已经装了 SnipPop 的话,还可以接着在 SnipPop 里编辑。

先用 Chrome 自带功能,不用装扩展

只想把整个网页存成一张图片,用 Chrome 自带的开发者工具就够了,不需要先下载 SnipPop。打开要截图的网页,等需要截取的内容加载出来再开始。

在 Mac 上打开开发者工具

  1. 点 Chrome 右上角的三点菜单,选择“更多工具 → 开发者工具”。也可以直接按 ⌘⌥I。

  2. 在开发者工具左上方,点手机/平板图标,打开设备工具栏(Toggle device toolbar)。

  3. 打开后网页可能会变成手机排版。想保持电脑版的样子,就在 Responsive 模式里把宽度调到和原来网页窗口差不多宽。

选全尺寸截图,再检查保存的图片

  1. 在设备工具栏右侧的三点菜单里,选“Capture a full size screenshot”,也就是截取整页。注意不要选“Capture screenshot”,那个只截当前看得到的部分。

  2. Chrome 会生成一张整页图片。如果弹出保存窗口,选好保存位置;如果没有弹窗,去 Chrome 的下载列表里找。

  3. 打开这张图片,确认开头、结尾都在,文字也都完整。

动态网页:先让内容加载完,再截图

有些网页的图片要滚动到附近才会加载。截图前,先从上到下慢慢滚一遍,等图片和主要内容都出来了,再回到顶部截图。

下面几类网页可能截漏、截重复,或者截不到明确的结尾:无限滚动的网页、页面里有单独滚动区域的网页、带固定导航栏的网页、内容一直在变化的网页。遇到这类网页,先把需要的内容展开,必要时分几段截,并逐张检查导出的图片。

已经装了 SnipPop,也可以用配套扩展

SnipPop 可以通过配套的 Chrome 扩展截取整个网页,截好的图会直接送到你电脑上的 SnipPop 泡泡里。扩展不能单独保存图片,用的时候必须开着支持网页截图的官网版 SnipPop App。

目前官网还没有开放 App 和扩展的下载。没装的话,用上面 Chrome 自带的方法就能截完,不用等。

已经有扩展的话:等网页加载完,点浏览器工具栏里的 SnipPop 图标。截图过程中不要刷新页面,也不要跳到别的页面。

交给 SnipPop 编辑,分享前再检查一遍

已经装了 SnipPop,可以把 Chrome 保存的 PNG 或 JPEG 拖进 App,接着裁切、标注、压缩,或者在本机提取图里的文字。

扩展送来的图片还没有存到磁盘上,想留着的话,记得先保存或导出。

分享之前,打开最终导出的图片看一遍,检查有没有姓名、邮箱、登录状态、订单等敏感信息。不想公开的部分,最好直接裁掉;打马赛克不能保证信息被彻底去掉。

参考资料:Chrome 官方:设备模式与全页截图

查看扩展安装与使用指南 ↗