Grow your CSS skills. Land your dream job.

Local development and testing on multiple devices

  • # January 23, 2013 at 12:05 pm

    Hey guys,

    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 :)

    # January 23, 2013 at 12:08 pm

    [Adobe Edge Inspect](http://html.adobe.com/edge/inspect/ “”)

    # January 23, 2013 at 12:09 pm

    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).

    # January 23, 2013 at 12:10 pm

    The iOS simulator and the Opera Mobile Emulator allow you to test in emulated mobile devices on your computer.

    # January 23, 2013 at 12:55 pm

    [browserstack](http://www.browserstack.com/ “”) You get 30minutes free. Use it wisely.

    # January 23, 2013 at 8:25 pm

    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)

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".