実機iPhoneでデバッグできる!

safariのWebインスペクタ機能で実機のデバッグ!

iPhone側の設定

設定→Safari→詳細→Webインスペクタにチェック

iPhoneとPCをケーブルで接続

Iphoneのsafariで検証したいサイトを開いておく

PC側のsafariの設定

環境設定→詳細タブ→「メニューバーに”開発”メニューを表示」にチェック

safariのメニューバーに「開発」メニューが表示される

開発→Webインスペクタを表示(Optopm+Command+I)

Safariの操作

開発→接続したiPhoneの名前→検証したいサイトを選択

iPhoneで表示されているサイトをPCで検証できます!