ionic でモバイル ブラウザ テストを使用しようとしています。iPhone と同じ Wifi に接続し、次のコマンドで IP アドレスを確認しましたifconfig |grep inet
。コマンドを使用して ionic サーバーを実行している場合ionic serve
、自分の IP アドレスと ionic から指定されたポートを使用して、iPhone で ionic アプリを開くことができません。マシンで何か他のものを有効にする必要がありますか? また、さまざまなポートを試しましたが、成功しませんでした。
2 に答える
この回答は遅いかもしれませんが、将来同じ問題を抱えている人に役立つことを願っています. この問題を解決したのは、次のコマンドを入力して、localhost オプションの代わりにionic address
開発サーバーの IP (私の場合) を選択することでした。192.168.0.2
実行するionic serve
と、モバイル ブラウザから正常に接続できるようになりました。
Windows 8.1 と Android を使用してこれを試してみると、同様の問題が発生しました。http://localhost:8100/を使用すると、デスクトップ バージョンの Chrome に正しく読み込まれましたが、デスクトップ ブラウザでローカル IP アドレスを使用すると、192.168.1.185:8100 という「接続拒否」エラーが発生しました。言うまでもなく、これは私のモバイル デバイスの Chrome でも機能しませんでした。
この問題を解決したのは、https: //developer.chrome.com/devtools/docs/remote-debugging#port-forwarding に従ってポート転送を使用することでした
このようにして、Chrome のモバイル デバイスの IP アドレスではなく、「localhost:8100」を使用してサイトを開くことができ、サイトは正しく読み込まれ、デバッグされました。