16 Efficient Test Response Design interface tool

Responsive design is now more and more respected by designers, faced with this more and more responsive design page, we need to find efficient testing tools to verify the design is reasonable and correct, in today's article, we will introduce 16 to help you online test response page design tools, I hope you like!

Responsinator

Responsinator provides you with different devices viewport view the effect of the Web site features, provides a iphone,android,ipad,kindle and a variety of devices on the preview effect, you can easily see the need to support the device response design effect map.

Responsivator

Unlike Responsinator, Responsivator provides a display chart with different sizes

responsive.is

Responsive offers a preview of 5 different devices

Responsive Web Design testing Tool

Similar to Responsivator, but the interface is simpler

responsivepx

Allows you to drag to modify the window size, simulate a different device screen

screenqueri.es

This tool was introduced in previous articles in Gbin1, and if you want to learn more, read and share a Web tool that helps you to test the response design online-screenqueri.es, and most interestingly, it supports localhost local way to test your application or Web site.

Aptus

A tool-class browser that can help you test the response design

Bricss

A bookmark that helps you test the response, and you can easily integrate it into your browser.

Izilla Media Query Debugger

This JS can help you to add pseudo elements to the BODY element to detect wide heights, and of course you can use the bookmark:http://izilla.com.au/git/izilla.mq.debugger.bookmarklet.html they provide

Screenfly

Supports online response design testing tools for 4 devices, and also provides design drawings and documentation related to development. Please see our past article: share a tool to view Web sites on different clients-screenfly

Firefox Developer Tools

If you use Firefox, you can implement it directly using the development tools, keyboard shortcuts (Ctrl + SHIFT + M)

ViewPort Resizer

Another bookmark-style tool

Jresizer

A jquery response development tool plug-in that helps you create responsive windows that facilitate your development and design processes

Resize my Browser

A simple web tool to help you create a designated wide-tech open window

Juicer

An online display response tool to support the display of equipment such as iphone,android, with a physical map.

Ish

A relatively new web tool for online viewing of response effects, supporting different sizes of presentations.

The above is 16 of our collected online and local response testing tools, relatively speaking, online tools are more suitable for your friends or colleagues to share, local tools suitable for development debugging, the use of specific please choose according to their needs. I hope you like it.