ラップトップ上で実行されているAndroidフォンでlocalhost Webサイトを実行する方法

Question

最近ウェブサイトの開発を始めました。ただし、ローカルホストで実行するのに問題があります。 Web ブラウザに http://localhost と入力したとき。 最近ウェブサイトの開発を始めました。ただし、ローカルホストで実行するのに問題があります。 Web ブラウザに http://localhost と入力したとき。 CSS

Answer 1

ローカルホストはコードを実行するマシンであり、サーバーのように機能しますが、ローカルで動作します。携帯電話でサイトにアクセスする場合は、コンピュータの IP アドレスを見つける必要があります。これを取得するには、コマンド プロンプトを開いて ipconfig と入力し、IPv4 アドレスを確認します。IPv4 アドレスが 2 つある場合があります。そのうちの 1 つを試してください。次に、携帯電話とコンピュータが同じネットワークに接続されていることを確認してください（たとえば、コンピュータと電話を同じ WiFi に接続します。ただし、WiFi がプライベートではないことを確認してください）。その後、携帯電話でこの IP を使用できるようになり、次にポート番号を使用できます。たとえば、192.158.1.38:4000、4000 はポート番号です。

css タグから判断すると、レスポンシブ コードをテストしたいと思われます。ブラウザ ウィンドウの任意の場所を右クリックし、[検査] をクリックしてブラウジングを確認することをお勧めします。モバイル ビューとデスクトップ ビューを切り替えたり、別のモバイル デバイスを選択して、それらのデバイスでサイトがどのように表示されるかを確認したりできます

さらにサポートが必要な場合は、お知らせください。これがお役に立てば幸いです:)

Answer 2

以下の手順に従ってください。 ステップ 1: CMD を開き、ipconfig

と書き込みます。

ステップ 2: IPv4 アドレス: 192.168.x.x のような ipv4 アドレス

を見つけます。

ステップ 3: 携帯電話にアドレスを書き込み、:PORT PORT=Web サイトが実行されているポート番号を最後に書き込みます。ブラウザの URLコード内の vscode> または ライブ サーバー 拡張機能

ウェブサイト: http://192.168.x.x:PORT