自适应网页设计,网页自适应性测试工具集

随着3G的普及,越来越多的人使用手持设备上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。而设备的屏幕种类繁多,于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?

那么自适应网页设计的需求就越来越高,下面介绍几款网页自适应性测试工具集:

1. http://mattkersley.com/responsive/

支持JS.

2.  http://www.responsinator.com/

界面更形象

3.  http://www.benjaminkeen.com/open-source-projects/smaller-projects/responsive-design-bookmarklet/

支持自定义尺寸,可以保存为书签,在任意页面点击该书签即可以测试当前页面.

蓝色链接(Responsive Design Test),右键(火狐)->然后将这个链接存为书签->然后在其他任意页面打开这个书签、即可测试了
这个书签就相当于个js了,会把url传输进去

以上均可测试本地页面.(http://localhost/)

介绍自适应网页设计的还有篇文章比较好:http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html

发表评论