Macで立ち上げたローカルサーバ（localhost）にiPhoneから上手くアクセスできない

前提・実現したいこと

MacPCで制作中のwebサイト（HTML）の見え方を、ローカルサーバを利用することで、iPhoneで実機確認したいです。

発生している問題・エラーメッセージ

MacのApacheを用いて、ローカルサーバを立ち上げ、とりあえずiPhoneからのアクセスに成功しました。
（「It Works!」の表示がされた）
その後、そのローカルサーバ下に確認したいHTMLを配置し、MacのChromeで開くと、iPhoneのChrome上でも当該ページを確認できると思い試しましたが、できませんでした。

該当のソースコード

ソースコード

試したこと

Macのシステム環境設定-セキュリティとプライバシー-ファイアウォールオプションで外部からの接続を許可してみましたが、解決されませんでした。

補足情報（FW/ツールのバージョンなど）

y_waiwai

2020/09/12 10:07

他のPCからは見れるんでしょうか

Daregada

2020/09/12 10:35

「とりあえずiPhoneからのアクセスに成功しました。」とは、何のアプリを使って、どのように確認したのか。たとえば、「iPhoneのChromeのアドレス欄に"XXXXX"と設定したら、Webページに『It Works!』と表示された」など、もっと具体的に書いてください。「そのローカルサーバ下に確認したいHTMLを配置し」とは、どのディレクトリ(ドキュメントルート直下とか)に、どのようなファイル名のHTMLファイルを置いたのか、具体的に書いてください。「MacのChromeで開くと」とは、Chromeのアドレス欄にどのようなURLを入力したのか、Mac自体での表示には成功したのか、を書いてください。「iPhoneのChrome上でも当該ページを確認できると思い」とは、どのような理由からそう思ったのでしょうか。「他のデバイスからのタブ」とかですかね。具体的に書いてください。「できませんでした」とはどのような状態になったのでしょうか。具体的に書いてください。また、「iPhoneのChrome(でもSafariでもいいですが)で、アドレス欄にMacのIPアドレスとHTMLファイル名などで構成されるURLを入力してみる」などは試されましたか?

yukky1201

2020/09/12 11:55

ApacheのDocumentRootというものは理解できていますか。クライアントでブラウザにhttp://x.x.x.x/と入力してアクセスしたときに、その実サーバのどこのディレクトリであるかを紐づけている設定です。

hana_yama_san

2020/09/12 12:20 編集

＞＞MacのChromeで開くと、iPhoneのChrome上でも当該ページを確認できると思い試しましたが、できませんでした。日本語として成立していません。 MacのChromeで開くと、・・どうなったのか？「でも」とあるからには双方ダメだったのか片方だけ良かったのか？「やはり」とか「にもかかわらず」とかの接続詞を補足してください。また、MacのChromeで開くときのURLと、iPhoneのChrome上で開くときの URLをそれぞれ明記してください。 iPhoneにpingというアプリを入れてMacのIPアドレス当てにpingした結果を確認してください。