Responsive-Design-Testing 0,0,0,0,0,0,5

A simple HTML page to test out your responsive web design

Responsive Design Testing

This tool is for everyone who needs a quick and easy way to test their website design in multiple screen widths.

Permalink style testing

You can test any website, and provide the link to anyone you like by adding their URL to the end of the testing page address. For example: http://mattkersley.com/responsive?google.com

Installing on your own server

  • Copy index.html and responsive.js onto your machine
  • Update the defaultURL at the top of responsive.js to your own website
  • Upload the files into a subdirectory on your server
  • Navigate to the new subdirectory via a browser

Once you’ve uploaded, you can navigate your website from within the iframes, and the others will update. This won’t work for external sites however due to browser security restrictions.

Related Repositories

Responsive-Design-Testing

Responsive-Design-Testing

A simple HTML page to test out your responsive web design ...

responsive-bookmarklet

responsive-bookmarklet

a simple and powerful bookmarklet for testing responsive design ...

responsive-design-bookmarklet-generator

responsive-design-bookmarklet-generator

A script that generates custom bookmarklets for testing responsive layout websites to see how they look in different viewports sizes. ...

Responsive-Design-Testing

Responsive-Design-Testing

A simple HTML page to test out your responsive web design ...

RWD

RWD

Responsive web design testing page. Credits to Harry Roberts @csswizardry ...


Top Contributors

mattkersley d2s scudco eddiemonge