打开截图控制
- 在桌面 Chrome 打开网页,选择浏览器菜单 → 更多工具 → 开发者工具。
- 点击切换设备工具栏,选择 Responsive 尺寸或设备预设。
- 打开设备工具栏的更多选项,选择 Capture a full size screenshot(完整尺寸截图)。
Google 分别提供打开 DevTools和完整截图操作的官方说明。同一菜单中的 Capture screenshot 只截取视口,请区分这两个选项。
检查宽度和页面末尾
先固定宽度,再截图,因为换行会改变页面长度。设备模式只是近似模拟移动端,不代表使用了实体手机。等待重要内容出现后,再检查保存图片底部。