Responsive View
p/responsive-view
Test your responsive design across different devices
Kirill
Responsive View — Test your responsive design across different devices
Featured
34
Replies
Ron Valderrama
Would be great to see Android too. I have most of these devices but always have to wonder how it looks on Android while working.
Willy 
Cool! After entering a website it would be great if you could generate a link i can sent to clients for them to view the result. At the moment it's always "er.php".
Paul Prins
@willyyr yea a shareable link would be awesome. Nice job on it.
Dan Li
@willyyr Check Responsinator, they give you site-specific sharable links. http://www.responsinator.com/. No desktop options tho, only mobile/tablet
Katie McCann
This is seriously my new favorite thing. I've used it a dozen times today as we're testing a pretty massive rework of some stuff on our site- love the simplicity of being able to do 1 simple task really quickly and easily.
Zach Tyler
This is exactly what I need. I could not have found this at a better time. Thanks!
Braunson Yager
After entering the website, popping in a link and clicking start, it loads er.php and then everything is pushed to the left off view.. see http://grab.by/NZHm -- you can see a sliver of each section when scroll on the left hand side.
justin avery
I like these things (I created something similar). Recommended updates: - It should definitely have a query string or a hash at the end to make it shareable - Add some error calculation for XFRAME Options (add google.com into the URL to see what I mean) This is still much more suited to providing a general overview to people about what you mean when you say responsive, or as a screenshot tool for your portfolio. Testing is next to useless using iframes so you're much better off with actual devices or something like browserstack.
Peyton Hayslette
Oh man, if only this picked up on user agents.
Andy Kim
@peytonhayslette Sounds like a great add-on feature for the next version
Boris Karulin
Why don't just use the Responsive Design Mode in Safari (Alt+Cmd+R)? Other browsers have similar features too.
Surjith S M
Showing the website in an Iframe does not help much.. The actual design in the Device may vary.. There are many similar sites showing in iframe.. No idea what's the use of creating yet another one? or just an exercise?
Deron Sizemore
All I'm getting is a white screen when I enter a URL.
Aggelos Gesoulis
A very nice thought. Since it's locally executed it runs JS and takes sessions into account, so you can test pages that require authentication. Maybe that's why it can't be shareable...
Amit Bhawani
For some reason, it shows the Desktop version everywhere though if you actually check the website on Mobile it loads up the Mobile version of http://PhoneRadar.com Is something missing?
Tom Frauenfelder
This is great! Would love if their were a few other common resolutions in there and the ability to 'share'
Chez Ackerman
love the simple approach. Some of these are co annoying to use.
Ben
By the way Safari has that feature built in! Develop > Enter Responsive Design Mode :)
Bhupinder
wow. this should be helpful :)
Julian Lozano
This is amazing!
Samuel Roy
A killing feature would be to replay an action done on 1 device to all the other views. No more wasting time in testing UX for different devices.
Michael Klein
The browsers themselves render such tools of little use nowadays, but nicely done!
Mark Schenkel
Does it have any "Score" index or recommendations to make your site better?