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

ypdf 9年前

In this collection we would like to share 10 best responsive web design testing tools for our readers that will help them on their responsive web design journey.

Screenqueri.es

Screenqueri.es - testing tools

 

 

 

 

 

 

 

 

Screenqueri.es is simple to use online site where you just have to enter URL and pull the slider to adjust the screen display’s width.

Froont

Froont - testing tools

 

 

 

 

 

 

 

FROONT is a web-based design tool that runs in the browser and makes responsive web design accessible to all kinds of visual designers, even those without any coding skills.

Responsive.Is

Responsive.Is - web design testing tools 2015

 

 

 

 

 

 

 

Responsive.Is is another excellent browser emulator tool that can be used for testing responsive design.

RWD Bookmarklet

RWD Bookmarklet - web design testing tools 2015

 

 

 

 

 

 

 

 

 

 

 

The Responsive Design Bookmarklet is another impressive testing tool. Just drag the bookmarklet link into your bookmarks bar and it will be saved to your browser.

Screenfly

Screenfly - web design testing tools

 

 

 

 

 

 

 

 

 

Screenfly lets you enter a URL to test, and then you choose phone, tablet, desktop, or TV. You can also enter a custom screensize, rotate the screen, and generate a URL to share with others for testing.

Review.js

Review.js - web design testing tools

 

 

 

 

 

 

 

 

 

ReView is a dynamic viewport system that provides efficient responsive web design viewing choice. Developed in pure JavaScript according to the principles of core (mobile) first progressive enhancement.

Viewport Resizer

Viewport Resizer - web design testing tools

 

 

 

 

 

 

 

 

Viewport resizer 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.

Opera Mobile Emulator

Opera Mobile Emulator - responsive web design testing tools

 

 

 

 

 

 

 

 

 

 

 

Developing for mobile phones and tablets becomes a breeze. The emulator is super simple to install and lets you do serious mobile development from your desktop.

Jetstrap

Jetstrap - responsive web design testing tools

 

 

 

 

 

 

 

This is where Jetstrap comes in. It’s a visual interface-building tool for the Bootstrap framework. It provides a way for designers to quickly assemble rapid prototypes in the browser by dragging and dropping UI components onto a canvas.

Mobitest

Mobitest - responsive web design testing tools

 

 

 

 

 

 

 

 

 

Akamai Mobitest is a free tool created to raise awareness to Mobile Web Performance. Simply enter a URL, choose one of the device/location options above, and hit run.