Your IP address will be in the middle box on the right, under Status. Next, choose Network from the list of options in System Preferences. To find the IP address, start by clicking the apple logo in the top left corner of your Mac to open the dropdown menu.Ĭhoose System Preferences from the menu to open up your System Preferences. Here, we want to find the IP address of the Mac running localhost. You can find the port number in your URL bar after “localhost:” In this instance, my localhost port is port 3000. localhost:3000), the current version of your app in development should be visible. When you go to the localhost port you’re running (ex. Make sure your program is running on localhost.

(1) Run your program on your Mac’s localhost One cool thing about running localhost from your mobile device is that, just like with localhost on your computer, you can see realtime changes to your app as you code.

To avoid these types of glitches and UI/UX bugs before deploying for the whole world to see (ideal, right?), it’s essential to test your app on physical devices of different sizes. When I later pulled up my site on my monitor’s wide screen, I discovered that I’d never actually accounted for screens wider than the 13” laptop that I’d been programming on, either. After deploying my personal website for example, I was surprised to find that the version of my site I saw in my iPhone’s browser looked quite different from the local DevTools version I’d spent hours with, tweaking media query after media query. The Chrome DevTools Device Toolbar is a great tool that saves a lot of time, but it’s not perfect. You may have known Chrome DevTools enables you to test the look and feel of your web application on differently-sized devices, but did you know that you can also use run localhost on any device that can connect to the internet? As you run localhost:3000 (or whichever port) on your local machine, your phone and tablets can run your program in real time for developing and testing on mobile.

Best localhost server for mac