响应式设计测试器

测试您的网站在不同屏幕尺寸和设备上的显示效果。一键预览您的网站在手机、平板和桌面分辨率下的效果。非常适合网页开发人员和设计师确保响应式设计的兼容性。

设备预设

自定义尺寸 ×
Viewport: 375 × 667
375 × 667

关于响应式设计测试器

此工具帮助网页开发人员和设计师在不同屏幕尺寸和设备分辨率下测试他们的网站。只需输入网址,即可立即预览您的网站在各种设备上的显示效果,从手机到超宽桌面显示器。所有测试都在您的浏览器中进行 — 不会向任何服务器发送数据。在开发过程中使用此工具,可以在问题到达用户之前发现响应式设计问题。

功能特点

常见问题

我可以测试任何网站吗?

您可以测试大多数网站。但是,某些网站会通过 X-Frame-Options 或 Content-Security-Policy 标头阻止 iframe 嵌入,这是出于安全考虑。如果网站无法加载,很可能是它阻止了 iframe 访问,无法以这种方式测试。

我的浏览数据安全吗?

是的。网站预览使用标准浏览器 iframe。目标网站直接在您的浏览器中加载,不会通过我们的服务器传输任何数据。但是,目标网站可能会看到您的 IP 地址和浏览器信息,就像您正常访问一样。

为什么某些网站无法加载?

某些网站明确阻止 iframe 嵌入以防止点击劫持攻击。这是一项安全功能,不是 bug。Google、Facebook 和银行网站等主要网站通常会阻止 iframe 访问。请尝试用您自己的网站或较小的网站进行测试。

设备尺寸准确吗?

这些尺寸代表每种设备的逻辑视口尺寸(CSS 像素),而非物理屏幕分辨率。现代设备使用设备像素比 (DPR) 使物理像素更密集,但对于响应式设计测试而言,逻辑视口尺寸才是关键。