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

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

1. Screenqueri.es

Screenqueri.es 很是简单，你只须要输入 URL 而后调整屏幕的尺寸便可。

1. Froont

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

1. Responsive.Is

Responsive.Is 是另外一个很是优秀的，能够用来测试响应式布局的浏览器模拟工具。

1. RWD Bookmarklet

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

1. Screenfly

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

1. Review.js

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

1. Viewport Resizer

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

1. Opera Mobile Emulator

2. Jetstrap

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

10. Mobitest

只须要输入一个 URL，而后选择设备、位置等选项，点击运行便可。

来源：http://info.9iphp.com/10-responsive-web-design-testing-tools/