You can make on your localhost * an iframe 320px width into an HTML for mobile * an iframe 480px width into an HTML for mobile portrait * an iframe 720px width into an HTML for tablet * a beer with me when you are done, first round is on you
This is not reable at all since it does not resize the website but just gives you scrollbars.
I use this to test every responsive theme before I buy it http://www.benjaminkeen.com/open-source-projects/smaller-projects/responsive-design-bookmarklet/ Its a bookmarklet you just drag to your link bar and if you want to see a site in multiple versions just click it and it reloads an 6 different sized iframes with content
Great tool!! Thanks for sharing.
- Interviewed on the Envato Notes blog
- Microlancer Beta Tester
- Most Wanted Bounty Winner
- Power Elite Author: Sold between 1 000 000 - 1 999 999 dollars
- Author was Featured
- Bought between 100 and 499 items
- Referred between 500 and 999 users
- Won a Competition
I’ve just gotta chime in and say that, for the most part, all of the tools mentioned so far are great… but they fall short of using the actual device. On a number of them, for instance, they load up horizontal scrollbars on sites that don’t actually have them on real mobile platforms. There are some other breakdowns in behavior as well (you can’t test touch-swiping, you can’t test default device UI for forms, etc., etc.)... so, they’re cool tools for quick mockups; Nothing beats having an actual device to test on though.
Granted, it’s absolutely crazy to suggest that developers should need to own 10, 20 or 100 different devices for testing… but it has to be said that these tools don’t actually give you a real one-to-one simulations.
Hi guys. I mentioned that the item i’m working on works in all screen sizes. i appreciate the suggestions, in fact responsinator is the tool i used for screen size compatibility. My point is i want to see if all the functionalities works fine such as touch-swiping etc, can you do that on PC? no. Also i believe mobile devices use different browsers so it’s possible that the page looks different in the actual device, I think aldrinlsc and epicera were the only ones who understand what i’m talking about here. Thanks for the additional tools though
@aldrinlsc I think that’s what i’m gonna do now. I never realize doing that
I`m using 2 tools to test my responsive layouts:http://quirktools.com/screenfly/ http://responsive.victorcoulon.fr/
I tried many more, including http://www.responsinator.com/ but I came up against the bugs mentioned by @epicera. If you want just to see how the layout is looking on different screen sizes, these tools should be enough. Regarding the functionality part, for best results you need a device.