写在前面
随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果,一个很流行的设计理念响应式布局的设计方案被大家所关注。今天给大家推荐几个测试响应式设计界面的工具。
正文开始
-
Responsinator
Responsinator提供了大家在不同设备viewport下查看网站效果的特性,提供了iphone,android,ipad,kindle及其多种设备上的预览效果,你可以方便的看到需要支持的设备的响应式设计效果图。 -
Responsive.is
responsive提供了5种设备下的预览效果展示 -
Responsive Web Design Testing Tool
类似responsivator,但是界面更简单 -
Responsivepx
允许你用拖动的方式来修改窗口大小,模拟不同的设备屏幕 -
screenqueri.es
这个工具在gbin1以前的文章中我们曾今介绍过,如果想更多了解请阅读 分享一个帮助你在线测试响应式设计的web工具- Screenqueri.es,最有意思的是它支持localhost本地方式测试你的应用或者网站。 -
Aptus
一个工具类的浏览器,可以帮助你测试响应式设计 -
Bricss
一个帮助你测试响应式的书签,你可以方便的整合到你的浏览器里 -
Screenfly
支持4种设备的在线响应式设计测试工具,并且还提供相关开发的设计图和文档。 -
juicer
一个在线的展示响应式的工具,支持iphone,android等设备的显示,带有实物图。 -
ish
一个比较新的在线查看响应式效果的web工具,支持不同尺寸的展示。
欢迎大家提供更多的测试工具!
转载请注明:Rockyxia Web技术博客 » 推荐几个测试响应式设计界面的工具
感谢阅读,如果您发现文章中有表述不准确,欢迎提出来,也欢迎交流相关问题,你可以去这里进行一对一问答交流。