I’m developing my websites locally via MAMP. I also make most of them responsive.
While simply resizing my desktop browser window works as kind of a basic testing, I want to test my sites on, say, a tablet and a phone aswell.
How would you go about and set this up? Sooo: developing locally and still being able to test on multiple devices. Any tips, tricks and thoughts are appreciated :)
[Adobe Edge Inspect](http://html.adobe.com/edge/inspect/ “”)
As long as you aren’t using MAMP Pro custom hostnames, this is very easy.
First, find out your local IP address. You can find this in SysPrefs.
Then, in any device you want to test on, ensure it’s connected to the same network, and go to :8888 (assuming on your Mac you usually go to localhost:8888).
The iOS simulator and the Opera Mobile Emulator allow you to test in emulated mobile devices on your computer.
[browserstack](http://www.browserstack.com/ “”) You get 30minutes free. Use it wisely.
Personally, I upload most of my stuff to a development server environment and then access that from my mobile devices. But I understand this can be a bit of a hassle.
There are other tricks for this that I haven’t tried myself, that basically open up your local webserver to the world for a few minutes, so you can access that with your mobile devices:
http://progrium.com/localtunnel/ (requires Ruby)
https://forwardhq.com (not free)
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".