推荐两个在移动设备上测试网页效果的网站

网站开发者测试网页效果有很多种方式:

  • 在真实设备上测试网页效果;
  • 在模拟器里面运行查看效果;
  • 通过调整桌面浏览器的尺寸来实现;
  • 通过测试网站来实现。

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

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

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

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

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

http://www.responsinator.com/?url=www.ipmay.com
http://youresponsive.com/device?url=www.ipmay.com


6