推荐10个响应式 WEB 设计测试工具

转帖|行业资讯|编辑:郑恭琳|2015-09-22 09:53:38.000|阅读 336 次

概述:WEB设计测试工具对于响应式概念是非常重要的,使用响应式布局的目的是使网站在任何设备类型和不同的情况下都可以运行。

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

响应式WEB设计会基于用户使用平台的环境、屏幕尺寸大小等等显示不同排版。WEB设计测试工具对于响应式概念是非常重要的。使用响应式布局的目的是使网站在任何设备类型和不同的情况下都可以运行。使用这些工具可以使你发现网站中的错误并通过简单的方法解决它们。这里收集了10个测试响应式 WEB 设计的工具,希望对你有所帮助。

1. Screenqueri.es

leadtools发票

Screenqueri.es 非常简单,你只需要输入 URL 然后调整屏幕的尺寸即可。

2. Froont

leadtools发票

FROONT 是一个基于WEB的设计工具,在浏览器中运行,即使是没有任何编程能力的设计师也可以使用。

3. Responsive.Is

leadtools发票

Responsive.Is 是另一个非常优秀的,可以用来测试响应式布局的浏览器模拟工具。

4. RWD Bookmarklet

leadtools发票

The Responsive Design Bookmarklet 是另一个让人印象深刻的测试工具。只需拖动书签链接到你的书签栏并将它保存到您的浏览器。

5. Screenfly

leadtools发票

Screenfly 允许你输入一个URL进行测试,之后可以选择手机、平板、PC或者TV。你也可以输入自定义的大小、选择屏幕等,还可以生成一个URL分享给其他人。

6. Review.js

leadtools发票

ReView 是一个动态的 viewport系统,提供高效的响应式网页设计选项。基于移动优先的原则,使用纯JavaScript开发。

7. Viewport Resizer

leadtools发票

Viewport 是一个基于浏览器的响应式设计测试工具。

8. Opera Mobile Emulator

leadtools发票

9. Jetstrap

leadtools发票

它是为 Bootstrap 框架准备的可视化构建工具。它为设计者提供了一种简单的方式,使他们可以通过在浏览器中拖动UI组件来快速设计原型。

10. Mobitest

leadtools发票

只需要输入一个 URL,然后选择设备、位置等选项,点击运行即可。

转自info.9iphp.com


标签:web响应式网页设计网页测试

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@evget.com


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP