WebsiteScreenshot.org

Chrome 如何截取整页网页

使用桌面版 DevTools 保存视口之外的网页内容。

打开截图控制

  1. 在桌面 Chrome 打开网页,选择浏览器菜单 → 更多工具 → 开发者工具。
  2. 点击切换设备工具栏,选择 Responsive 尺寸或设备预设。
  3. 打开设备工具栏的更多选项,选择 Capture a full size screenshot(完整尺寸截图)。

Google 分别提供打开 DevTools和完整截图操作的官方说明。同一菜单中的 Capture screenshot 只截取视口,请区分这两个选项。

检查宽度和页面末尾

先固定宽度,再截图,因为换行会改变页面长度。设备模式只是近似模拟移动端,不代表使用了实体手机。等待重要内容出现后,再检查保存图片底部。

也可使用公开网址整页截图。出现空白区块时,查看加载问题排查。