网站开发者测试网页效果有很多种方式:
- 在真实设备上测试网页效果;
- 在模拟器里面运行查看效果;
- 通过调整桌面浏览器的尺寸来实现;
- 通过测试网站来实现。
本文介绍的就是最后一种。推荐两个这样的网站Responsinator和YouResponsive,输入网址就可以直接查看所有移动设备在不同分辨率下的网页效果。
进入这些网站,输入你要测试的网页的URL,它就会产生实时的预览,这些预览中包含了目前主流的硬件设备的预览效果图。
坦率的说,它更接近于对网页进行一个大概的“健康检查”,非常有帮助,但说无法解决所有的问题。
严格意义上讲,所有其他的类似服务都无法达到模拟器的效果,就更不用说实际设备测试了,因为本质上来说,类似这样的服务还是基于你的桌面端浏览器,这与你的移动端浏览器以及它的模拟器有着本质上的差别。
下面看看本站的模拟效果:
http://www.responsinator.com/?url=www.ipmay.com
http://youresponsive.com/device?url=www.ipmay.com