Webアプリケーションを開発/テストしている際に、PCのブラウザとiPhoneのブラウザでは挙動が異なることがある。

ローカルで修正した箇所をiPhoneで正常に動作しているか確認するためにも、一度テスト用Webサーバーにデプロイしなければいけないという手間も発生する。iPhoneからLocalホストに繋ぐことができればこういったデプロイの手間を省くことができる。

またこの方法を用いることでiPhoneからの通信キャプチャも可能だ。

Windowsで立てたLocalホストに接続するにはFiddlerが便利だが、その方法についてはiPhone から開発マシンの localhost にアクセスする（Windows）を参考にしていただきたい。

Charlesの設定

iPhoneの設定

開発マシンのIPアドレス確認
iPhoneでプロキシを構成
接続しているWifiの設定(iボタン)から「プロキシを構成」を選び、「手動」を選択するとサーバー・ポートが設定できるようになるので以下のように値を入力する。

あとはPCと同じように使用したいブラウザのURL入力欄でhttp://localhost.:{Localサーバーのポート番号}と入力すれば完了