CharlesでBandwidth Throttlingを設定しChrome for AndroidでRemote Debugする

とりあえず表題のようなことがしたい。Chrome for AndroidでRemote Debuggingは以前の記事でも紹介したとおりだ。

僕のAndroid端末は3G回線契約していない、いわゆる白ロムなので、WiFiしか使えない。これだと、3G回線の低速さが体感できない、低帯域でどうアプリケーションが振る舞うのかわからないので不便だ。ということで、CharlesでBandwidth Throttlingできたよねと思い、組み合わせて使ってみる。

ADBPlugin

まず、おさらい的なことで、Chrome for AndroidでRemote DebugをするためにはADB（Android Debug Bridge ）が必要だ。これは通常、Android SDKの中に入っていて、SDKまるごと落としてこなきゃいけなかったけど、最近じゃ、ADBを内包したChrome Extensionで提供されているらしく、これをインストールするだけだお。面倒なpathも通さなくても簡単に使えるようになってる。

あとは前回紹介したようにChromeで調べるだけ。便利な世の中になったもんだ。詳細は下記リンク参照。

Bandwidth Throttling - Charles

Charlesはよく使うツール。といっても、デスクトップでこの機能使うくらいなんだけど。詳しい使い方はこもりさんの記事がわかりやすい。

とりあえず、実機の端末はこのCharlesを通してインターネッツに羽ばたけば良いわけです。重要なのはCharelsが入ってるMacのIPアドレスと、ポート番号（ここではとりあえず8888にしときましょう）です。

ちなみに、MacでIPアドレスを確認したい場合は、システム環境設定 ＞ ネットワーク ＞ 詳細 ＞ TCP/IPでみれます。で、このIPをAndroidの端末に設定してあげれば行けるわけですね。けど、記事にはiOSの設定しか書いてない！ということでググったらネットワークの部分長押しでプロキシ設定項目がでてくるらしい…

どうでもいいけど、Android 4.2で「開発者向けオプション」を表示する方法とかも分かりにくいよね… とりあえず、できました。ありがとうございました。