はじめに
実機でのWebインスペクタの接続方法を忘れてしまうため、まとめました。
iPhone（Safari）での接続方法（Mac必須）
① 事前準備
iPhoneとMacをUSB接続
iPhone側：
「設定」→「Safari」→「詳細」→WebインスペクタをON
Mac側：Safariを起動
② MacのSafariで開く
Safariメニュー →「設定」
「詳細」タブ
メニューバーに開発メニューを表示をON
③ 実機を開く
iPhoneで対象ページをSafariで開く
④ Mac側で確認
Safariメニューの「開発」から
接続されているiPhoneを選択
対象ページをクリック
すると以下が確認できます：
DOM構造確認
Consoleログ
Network通信
CSS確認
Android（Chrome）の接続方法
① 事前準備
AndroidとPCをUSB接続
Android側で「USBデバッグ」をON
設定 → 開発者オプション → USBデバッグ
② PCでChromeを開く
Chromeで以下を入力：
chrome://inspect
③ デバイスを認識させる
「Discover USB devices」をON
接続された端末が表示される
④ inspectを開く
対象タブの「inspect」をクリック
これで：
Console
Network
Elements
がPCと同じように確認できます。
JISOUのメンバー募集中！
プログラミングコーチングJISOUでは、新たなメンバーを募集しています。日本一のアウトプットコミュニティでキャリアアップしませんか？
興味のある方は、ぜひホームページをのぞいてみてください！