响应式web设计测试

响应式web设计,它的理念是:页面的设计与开发要根据用户的行为及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。也就是说无论用户使用的是笔记本还是ipad,我们的页面都可以自动切换分辨率、图片尺寸及相应的脚本功能等,以适应不同设备,就是说响应式web设计就是一个网站可以兼容多个终端。

那么,如果我们要测试一个响应式web网页,就要提供各种各样不同的设备?答案是:No!

现在有一些基于浏览器的工具,可以用来模拟各种设备的屏幕,比如:【Am I Responsive?】

Am I Responsive?是一个超级简单的工具,http://ami.responsivedesign.is/

打开以上网站,在【SEE YOUR SITE RESPONSIVE】中输入要测试的响应式web网页的网址,你就会看到网站在四个不同屏上的显示效果。四个屏均为ios操作系统。在此网页上你可以拖动每个“设备”到屏幕的任何地方。

除此之外,还有很多类似的工具:deviceponsive、responsive test、responsive.is、Screenqueries、Screenfly…

文章分类 未分类
1 条评论在 “响应式web设计测试” 上
  1. guojun说道:

    使用Mobi Ready进行手机软件兼容性测试:
    移动手机及移动互联网正在日新月异的发展,但是很多网站用手机访问时却往往难以定位,很多时候,我们会发现一些页面内容不可访问。也就是说能用电脑所访问的一些网站却不支持手机访问。而Mobi Ready测试工具则可以帮助用户验证某个站点或页面是否适合在手持设备上显示。
    Mobi Ready是安尔兰某公司开发的一款在线测试工具,打开在线测试页面http://ready.mobi/launch.jsp?locale=en_EN,只需要在指定的输入框中输入要测试的URL,提交后就可以返回测试报告,比如会返回【It will probably display very poorly on a mobile phone.】

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>