Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Development Tools

Posted by Andrew Falkowski
Andrew Falkowski
708 Points

Responsive Web Site Testing Without Uploading It To A Server.

Is there an app out there that allows me to test if my websites are responsive without having to upload them to a server?

Brian Pirouet
Brian Pirouet
Courses Plus Student 1,653 Points

You could try responsivepx, it allows you to test either local or online I'm sure.

Andrew Falkowski
Andrew Falkowski
708 Points

Thanks I'll check it out!

3 Answers

missgeekbunny
missgeekbunny
37,033 Points
missgeekbunny
missgeekbunny
37,033 Points

I remember them talking about something like shadow by adobe where you can put it on your phone or tablet from a local host like mamp or xamp.

Matt Campbell
Matt Campbell
9,767 Points
Matt Campbell
Matt Campbell
9,767 Points

Get the Google app that allows you to change the size of your browser window to a specified size. Just resizing the browser does the same thing.

Remember to include the meta tag at the top of the page when making stuff for mobile and desktop otherwise phone and ipads etc will scale the site down again, thus defeating the point of responsive design.

Here's the code that needs to be included after the first meta: 

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
Oliver Benns
Oliver Benns
701 Points
Oliver Benns
Oliver Benns
701 Points

Adobe Shadow though I haven't used it myself.

Another (very very simple) way is to minimize your browser, manually or with an extension like https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh?hl=en .

Or use a tool like http://mattkersley.com/responsive/

Warning: This obviously doesn't test specific mobile browsers or interaction!! Just the screen size.