10个最好的工具用于响应式Web设计测试

jopen 8年前

1) Responsivepx

Responsive provides the facility to work for online and local. This also have the controls that help you to adjust the width and height of your viewport to find exact breakpoint widths in pixels.

best web design testing tools - responsivepx

2) Responsive

Responsive design Bookmarklet is another excellent tool that find your designs responsive or not. For using this, just drag and drop the bookmarklet above your bookmarks bar find the current page width and height.

best web design testing tools - responsive-booklet

3) Mattkersley – Responsive

Type your site and find the site( width and height) of your websites on every devices like smartphone, tablets, PC and laptops.

best web design testing tools - mattkersley-responsive

4) Retina-Images

Retina Images serves different images based on the device being used by the viewer. Once setup on your website (very simple!) all you have to do is create a high-res version of each image you would like optimised for retina screens and all the work is done for you.

best web design testing tools 2014 - retina-image

5) Jetstrap

best web design testing tools 2014 - jetstrap

6) Responsive-Test

This is another great online tool for responsive design testing.  Enter the sites’s URL and also you can select the device on which you you want to test this.

best web design testing tools 2014 - responsive-test

7) ProtoFluid

ProtoFluid simplifies the development of fluid layouts, adaptive CSS and responsive design. It builds precise, dynamic viewports in which to test your work. This allows you to quickly effect changes and demonstrate benefits to interested parties.

best web design testing tools 2014- protofluid

8) Viewport Resizer

This is a browser-based tool to test any website’s responsiveness. Just save the bookmarklet, go to the page you want to test, click on your created bookmarklet and check all kinds of screen resolutions of the page.

best web design testing tools 2014 - viewport

9) Responsive.is

Responsive.is online tool to responsive design testing.

best web design testing tools 2014 - responsiveis

10) Responsinator

Responsinator helps website makers quickly get an indication of how their responsive site will look on the most popular devices. It does not precisely replicate how it will look, for accurate testing always test on the real devices.

best web design testing tools 2014 - responsinator

</div> </div>