网站开发者总是力求在真实设备上测试网页效果,至少得在模拟器里面运行看看效果,还有更简单粗暴的就是通过调整桌面浏览器的尺寸来实现。本文推荐两个网站,输入网址直接查看所有分辨率下的网页效果。

本文介绍的就是最后一种。推荐两个这样的网站Responsinator和YouResponsive,输入网址就可以直接查看所有移动设备在不同分辨率下的网页效果。

进入这些网站,输入你要测试的网页的URL,它就会产生实时的预览,这些预览中包含了目前主流的硬件设备的预览效果图。

坦率的说,它更接近于对网页进行一个大概的“健康检查”,非常有帮助,但说无法解决所有的问题。

严格意义上讲,所有其他的类似服务都无法达到模拟器的效果,就更不用说实际设备测试了,因为本质上来说,类似这样的服务还是基于你的桌面端浏览器,这与你的移动端浏览器以及它的模拟器有着本质上的差别。

下面看看本站的模拟效果: