How To View MAMP Localhost On Mobile Devices

Advertisement

It's always good to get a clear picture of how a new web design will look across all potential end devices before it's deployed but unfortunately viewing such web designs and themes outside the computer environment can be tricky.

This quick and simple guide shows you how to effectively preview your MAMP localhost websites on your mobile devices. If I'm not mistaken, this would work for any WordPress site on localhost like XAMP. Enjoy.

Video Transcript

Over the weekend, I made up my mind to finally switch my website's theme to a responsive theme. I installed MAMP on my MacBook and got to work.

One hour into working on the theme, I realized I couldn't preview the website on my mobile devices.

This quick guide shows how I was able to fix that.

Step 1: Your devices (computer, mobile phone, and tablet) must be connected to the same wifi source or internet connection.

Step 2: You need to get your local IP address. To do this on Windows PC, do please refer to the link in the description box. See A Guide to Finding Your IP Address on Windows & Mac.

Advertisement

On Mac, simply go to System Preferences and launch Network. Select your internet connection and take note of the IP address that appears there. That's your local IP address.

Enter this IP address into your mobile device's browser and your MAMP localhost website will load up.

How To View MAMP Localhost On Mobile Devices

As you can see, the website looks a mess and this is because resources like javascript and stylesheets weren't loaded.

To fix this, go to your WordPress dashboard, scroll down to Settings, click on General then change localhost to your local IP address. Save and you'll be prompted to log back into your dashboard. Make sure you still remember your dashboard password.

Once logged in, reload your website on your mobile device and it should load properly now with all resources intact.

Do please share, like, and subscribe if you found this video straight to the point and super helpful. Take care guys.

Advertisement

You’ll also like:

  1. Fix MAMP Apache MySQL Server Not Starting On Mac OS X Yosemite
  2. How To Send Emails Via MAMP for Mac OS Localhost
  3. How To Flash Oukitel K4000 Pro - K6000 Pro With SP Flash Tool
  4. How To Transfer Files From Phones To PC Via Bluetooth Successfully
  5. How To Install Disqus Comments On WordPress AMP Pages

Please rate & share this article to help others. Thanks

Advertisement