WebsiteScreenshot.org

响应式网页截图检查器

在手机、平板和桌面视口下截取同一网页,逐项检查布局差异。

截图模式

手机 390 × 844 · 平板 820 × 1180 · 桌面 1440 × 900

高级设置

每个网络每天最多 10 次截图(按 UTC 日期重置)。一次响应式检查会使用 3 次截图,服务总额度也可能限制使用。

手机模式使用浏览器模拟,并非实体设备测试。

预览演示截图
cairn.example
CairnJournal   Destinations   Photography
TRAVEL JOURNAL

Stories
from the Road

A slower look at the places that stay with us.

Read the latest →
Amalfi, Italy — Ricardo Gomez Angel

此图仅为演示,并非你输入网址的截图。

让网页成为可用的视觉资料

把同一页面的三个宽度放在一起,寻找被截断的标题、拥挤的菜单或意外移动的内容,便于与设计和开发人员讨论。

每种视口都是独立截图。动态图片、动画和加载时间不同,也可能造成与 CSS 无关的变化,比较时请保留这个背景。

这是视觉检查工具,不会自动判定响应式设计合格。某个尺寸失败时可单独查看状态,保留成功结果,并按需重试失败项。

使用步骤

  1. 输入同一个公开网址。
  2. 检查手机、平板和桌面三个预设。
  3. 生成后逐张检查,下载需要的结果。

常见问题

能证明网站兼容所有手机吗?

不能。几个尺寸的截图无法覆盖所有设备、交互行为和无障碍要求。

失败一张要全部重做吗?

在提供单项重试时,只重试失败视口即可;成功结果可以分开查看。