Test responsive layout, powered by AngularJS and Bootstrap 3. If this tool is useful to you, please Star it.
This tool is used to test responsive layout. You can see the live demo on http://responsivetest.net.
$ bower install responsivetest
$ python -m SimpleHTTPServer
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 concernOrigin null is not allowed by Access-Control-Allow-Origin
That's why we need to run it with a HTTP server.
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 inrandomUrlssection fromdata/devices.json.
The build process finds the CSS, JS files in the
srcand 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:
Big thanks to the contributors:
Copyright (c) 2013 Nguyen Huu Phuoc
ResponsiveTest is licensed under the MIT license.