响应式设计几乎是现代网站的标配,开发者搭建好网站之后若是要测试其响应式的变化效果,需要大量的测试设备来确保网页显示不会出问题,可是拿大量的实际设备来测试并不现实。在这种需求之下,催生了许多实用而可靠的响应式网站测试工具,这些工具当中绝大多数是免费的,让开发者从海量的测试设备中解脱出来。今天,我们从这些测试工具中,挑选出9款免费又实用的测试工具,造福网页设计师和开发者。
1. Responsive Design Bookmarklet
这是一款简单又高效的测试工具,当你需要测试某个网站的时候,只需要将待测试的网站书签拖拽到浏览器当中,通过一个虚拟键盘来设置长宽比来进行测试。一旦CSS文件被保存,被修改的部分会自动实现。在这个过程中,浏览器并不需要一直开着,简单,实用!
2. resizeMyBrowser
resizeMyBrowser 中预制了15种不同比例的浏览器参数,并且用户可以自己设置特定的浏览器参数以便于测试。整个测试工具界面友好,也是最值得推荐的测试工具之一。
3. The Responsive Calculator
这款名为响应式计算器的工具,最强大的地方就是可以帮你一键完成测试,真就这么简单。这个工具能够将像素转化为百分比,它可以将你设计好的PSD文档导入浏览器中,将比例和视觉效果调至完美。
4. Responsinator
顾名思义,这款名为Responsinator 的工具可以帮你测试网站针对不同屏幕不同平台的响应是否良好,其中内置了iPhone、Andoird、iPad、Kindle、浏览器等不同平台的参数以便测试。Responsinator 还贴心地内置了横屏和竖屏模式,测试的时候,只需要将URL粘贴进去就可以开始了。
5. Respondr
和其他几款工具相似,粘贴URL,选择设备就可以进行测试网页在不同设备上的展现效果了!几个简单的步骤,就可以帮你搞定网页响应式测试。
6. Designmodo Responsive Test
Designmodo 不仅是著名的设计博客,也是设计素材和设计工具的分发平台。为了帮助开发者测试网页在各个平台上的体验和响应效果,他们推出了这款Designmodo 响应测试工具,其中内置了主流平台的参数,也允许用户自己修改尺寸参数进行测试。
7. responsivepx
你可有将responsivepx 称为工具,可以称之为接口,因为它不仅可以帮助用户检测明确的断点,还能帮用户搞定CSS查询的可用性,能针对网站或者APP定制尺寸,测试其响应式的效果。
8. Screenfly
这款QuirkTools开发的工具Screenfly可以帮网页设计师测试网页在手机、平板、电视和传统的桌面上的显示效果和兼容性。Screenfly内置选项不少,可根据需求进行调整。
9. Viewport Resizer
这款响应式测试工具可以轻松调整显示尺寸和网页中的内容。将链接输入测试工具,接下来,就让它来搞定一切吧。
结语
我们希望这些测试工具能在接下来的开发过程中能帮到你,让你的设计完美的呈现在用户面前。
【做最好的响应式网页设计师】
先解决常见问题:
《实用干货!聊聊3种最常见的响应式设计问题》布局是响应式的神髓:
《布局专攻文!如何搞定响应式网页的布局设计?》发展趋势看这里:
《经久不衰!聊聊响应式设计的现状与趋势》
「子木说」
今天提到Designmodo 的响应式网站测试工具,就不得不说说这个网站。Designmodo最初也只是一个相对单纯的设计博客,不过随后他们开始同设计师和开发者合作,共同推出设计工具,UIKit,以及各类素材。其中素材类多数是收费的,但是品质相当有保证,而工具类的一部分是收费的,有一部分是免费的。总而言之,这个站非常值得关注。
本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。
【优设网 原创文章 投稿邮箱:2650232288@qq.com】
================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/。
设计微博:拥有粉丝量97万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:
复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。
发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
配色原理与色彩搭配实战宝典
已累计诞生 656 位幸运星
发表评论
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓