how do I host my webpage in localhost on my Mac? - html

I am working on a webpage & I would like to see how it renders on my iPhone's safari browser. Rather than officially purchasing a domain & hosting, because its in the development stage I just want to view it on mobile safari temporarily.
So far I have enabled Web Sharing:
and when i type in my IP address in my iPhone's safari, the localhost seems to be up:
I have also re-created the "sites" folder:
So How do I host the current webpage i am working on with localhost, then being able to access it on mobile safari? *NOTE I want both the html and css files to be accessed to show a complete webpage

You should consider downloading and installing Prepos and you'll be able to view your website in any device connected to the same network.
It's easy to use and the trial version never expires!
After installing it to your Mac, just drag and drop the site root folder into Prepos. There's a tab where you can see the http path to view in any device: TV, tablet, smartphone or any device with internet access. The only requirement is that they must be connect to the same network.

Go to your Network Settings.
Then write down your IP Address.
Go to http://youriphere/~youruser/ in Safari or whatever browser and that's it!

Related

How can I open an html & css file on my Macbook on my iPhone?

I'm making a website (html & css) on my Macbook that's just on localhost.
I'm looking to be able to easily open the website on my iPhone for testing.
Does anyone have any neat ideas on how I can do this?
If this is not the right type of question to ask here would someone be so kind enough to point me to an appropriate forum?
Ensure that the two devices are on the same network, make sure that the HTTP server isn't just listening on the loopback interface, then just replace localhost in the URL with the IP address or hostname of the Macbook and load that on the phone's browser.

Can access WAMP on mobile phone but layout is destroyed

I am new to WAMP Server Configurations and it seems that I managed to setup my server to run on other devices by using the Ngrok that allows user to create a terminal for their website.
I tried visiting the URL that ngrok gave me. The layout shows properly in a desktop. BUT upon accessing it in my android phone, the layout is not showing and it is just plain HTML.
Is there anything that I can do to fix this one?

Localhost not loading on mobile device

As the title states, my iMac won't allow mobile devices to connect to the web server. I can access localhost via
localhost
192.168.1.187:1717
These both work on my iMac and also my MacBook however the funny/weird issue is that the mobile device won't load it. I mean the files are hosted on the iMac and are accessible completely (both on localhost and the IP address) and the site also works on my MacBook (On the IP address) however my mobile device won't load it. Why?
I've disabled my firewall, changed ports through XAMPP and messed around with Apache Config but no to avail.
(This is definitely not a duplicate as EVERY question I've read the IP address doesn't work on the local machine but for me it does)

Remote debugging the Samsung Internet App

I've recently managed to get a desktop development machine to recognise a connected Samsung Galaxy Tab for remote debugging.
The html bug I'm trying to inspect and, hopefully, fix is a layout issue that occurs only in the pre-loaded Samsung 'Internet' app on the Galaxy tablet.
I've found this page...
https://samsunginter.net/docs/remote-debugging
... which has the following set of simple instructions for remote debugging the app:
1.Connect your mobile device to your desktop computer via a USB cable. If you are shown an “Allow access to device data” prompt, choose “Allow”.
2.Open up the Chrome browser on your desktop and visit chrome://inspect.
3.Check that your mobile device is listed. If it is not, you may need to open the Chrome app on your mobile device.
4.Any pages you have open in Samsung Internet should be listed here for inspection.
I'm fine up until step 4. The tablet is connected and listed but I don't see any pages 'listed here for inspection'. I have checked all of the tabs on the left-hand side of the chrome://inspect page - I've even enabled port forwarding, but I don't know if that's the correct thing to do.
Has anyone had experience of remote debugging the Samsung Internet App? What am I missing here that's preventing me from inspecting the html remotely?

This is a placeholder for the subdomain sometimes and some devices?

I just made the web site base on ruby on rails and host it at Digitalocean.
So my client want to use their subdomain from their old site.
(Their domain hosted on Godaddy.)
Then i set up everything and it works fine on all of my devices (mac air, iphone5 , iphone6 also and Windows labtop).
But sometimes when some of their staffs open the site they got the message like this
This is a placeholder for the subdomain xxx.yyy.com.
But I never faced this message
So how can I fix this?