最新消息:Rockyxia Web技术博客全新改版,响应式布局满足各种设备各种尺寸的访问需求。

推荐几个测试响应式设计界面的工具

我的知识库 rockyxia 8762浏览 0评论

写在前面

随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果,一个很流行的设计理念响应式布局的设计方案被大家所关注。今天给大家推荐几个测试响应式设计界面的工具。

正文开始

  • 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技术博客 » 推荐几个测试响应式设计界面的工具
感谢阅读,如果您发现文章中有表述不准确,欢迎提出来,也欢迎交流相关问题,你可以去这里进行一对一问答交流。

(本篇完)