やりたいこと
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ブラウザでできないことも含めて)で確認できる！すごいね！