Accessing Localhost on iPhone using MAMP Pro

Question

I have scratched my Head for an hour on this. All Tutorials are outdated, and do not work for me. Even other answers on Stackoverflow are not helpful.

I have an iPhone, iPad, Mac Mini, and a Macbook Pro. All my development is on Macbook pro, using MAMP Pro. I use custom host names.

In system Preferences > Network. My Machines IP Address is 10.0.0.4. So, I am typing 10.0.0.4:80 in iPhone's Safari. I have tried a few different combinations, but none of them seem to work.

But, I am unable to access sites on Macbook's localhost, via my iPhone. This is important for me to speed up development.

Here are the settings in my Mamp.

If anyone could explain What needs to be done. I shall be Greatful.

Answer 1

That should work. Same setup here and it works.

What do you see on your phone when accessing the IP?

When I check your Screenshots, it seems that MAMP isn't running.
Sure your MAMP is running? :-)
If so, sure your phone is on the same subnet?
Post both IPs. Is there a firewall between?

Answer 2

Have you tried adding a trailing slash? like: 10.0.0.4/

Also, if you connect your iPhone/iPad to your mac through USB, you can debug easily using the safari web browser.