This tool is used to test responsive layout. You can see the live demo on http://responsivetest.net.
Download and run
- Download ResponsiveTest from the Github page directly. It's also possible to download the tool with bower:
$ bower install responsivetest
- Point your web server to the ResponsiveTest directory. You can use python to simplify this step by running the following command:
$ python -m SimpleHTTPServer <port>
Then, access the browser at
As you know, the browser doesn't allow to do it if the file is served locally due to security concern
Origin null is not allowed by Access-Control-Allow-Origin
That's why we need to run it with a HTTP server.
Add more devices
The device sizes are defined in
If you want it to support more devices and screen resolutions, please fork the project and pull a new request.
You don't have to rebuild if you only change the
By default, the tool will randomly load an URL found in
The build process finds the CSS, JS files in the
src and compresses them, places compressed files in the
First, use grunt to install the dependent packages:
$ npm install grunt --save-dev $ npm install grunt-contrib-copy --save-dev $ npm install grunt-contrib-cssmin --save-dev $ npm install grunt-contrib-uglify --save-dev $ npm install grunt-ngmin --save-dev
Then, execute the following command to build:
ResponsiveTest is developed by Nguyen Huu Phuoc
Big thanks to the contributors:
Copyright (c) 2013 Nguyen Huu Phuoc
ResponsiveTest is licensed under the MIT license.