Virtual Boxのローカル開発環境で動くアプリを、Google Chromeを通してAndroidの実機で見る&デバッグする方法。なんかややこしい…ので適当にイメージ図にしました。個人的にはVagrant使ってますが、使ってなくても同じです。 すでにVirtual boxで開発環境が構築されていて、アプリがブラウザで確認できる状態を前提としています。 また、Mac/PCとAndroidが同じWifiに接続されている必要があります。 また、開発中のアプリへは dev.your-app.com で接続すると過程します。 で、こんなことができて便利。 USB接続 普通にMac/PCとAndroidを繋ぎます。 パソコンのChromeを立ち上げて、chrome://inspect/#devicesにいきます。 AndroidのChromeも立ち上げると、下のようになってるはず。 プロキシの設
![Chromeのリモートデバッギング / Virtual boxのローカル開発環境にあるアプリを確認する](https://cdn-ak-scissors.b.st-hatena.com/image/square/6412d287ba9ea999b0fa28c8980008158364ad98/height=288;version=1;width=512/https%3A%2F%2Fworkabroad.jp%2Fassets%2Fogp%2Fjavascript-69d9f8a7e200432317c46c22155347e6d81d86ec8875e0af190596d88896e47a.jpg)