Android端末でlocalhost:3000なRailsアプリにアクセスする方法

やりたいこと

rails s で起動した開発環境に、Androidスマホ実機でアクセスしたい
※PCもAndroidもChromeのみ実施可能

PC側の準備

• Chromeブラウザで chrome://inspect/devices にアクセス
• Port forwarding... をクリック
  

• Port forward settings で、3000番ポートを localhost:3000 へポートフォワードするよう追記
• Enable port forwarding にチェック

Android端末側の準備

• 設定 > 開発者向けオプション > ON に設定
• PCに接続し、 USBデバッグを許可しますか? というメニューが出てきたら OK を選択

実機確認

• PC側で rails s でアプリケーションを起動
• 端末のChromeブラウザを開く
• localhost:3000 にアクセス
• なんと実機で確認できる！

よいこと

PC用Chromeデバッグメニューが、実機の環境下(スワイプとか、PCブラウザでできないことも含めて)で確認できる！すごいね！