実機iPhoneのSafariでWebインスペクタを使ってデバッグする方法 - Qiita

要望 実機のiPhoneで特定のWebページに対し、Webインスペクタで中身を書き換えたり、コンソール経由でスクリプトを叩いて実行した結果を見たい。 -> Android版 iPhoneのSafariにもWebインスペクタがある iPhone単体ではView Sourceなどのアプリを使うことで、Webページのソース確認はできるものの、Webインスペクタやコンソールによるスクリプト実行が出来ない。 また、MacのSafariやiOSエミュレーターでもある程度の表示確認はできるが、やはり実機での操作感や見た目の確認は重要である。 少し調べてみたところ、MacとiPhoneを接続することで、PCと同様に実機での動作確認が可能なことが判明したため、実際に試してみた。 iPhone Safariの設定 事前準備としてiPhone側の設定を行う。「設定」-「アプリ」から「Safari」をタップ。 画

[iww]

iphone safari console log