Webの開発をしているとデバッグ用にJavaScriptからコンソール出力しながら開発を進めると思います。
MacのSafariからは簡単にコンソール出力を確認できますが、iPhoneやiPadのSafariではコンソール出力が確認できません。
そういう時は、MacとiPhoneやiPadを接続し端末側のSafariのコンソール出力をMacのSafariで確認します。


MacとiPhoneを接続しiPhoneのSafariのコンソール出力をMacのSafariで確認する方法をまとめてみます。

iPhoneの設定

設定アプリから「Safari」を選択する。

Safariの設定の一番下の表示されている「詳細」を選択する。

「Webインスペクタ」をオンにする。

---

Macの設定

Safariの環境設定

Safariの環境設定の詳細で「メニューバーに"開発"メニューを表示」チェックボックスを選択する。

MacのSafariでiPhoneのSafariのコンソール出力を確認

MacとiPhoneをケーブルで接続する。
iPhoneのSafariで確認したいWebページを表示する.
MacのSafariの開発メニューを開くとiPhone側で表示中のページ名が表示される。

開発メニューからiPhone側のページを選択するとWebインスペクタが表示されiPhone側のコンソール出力が確認できます。

※iPadでも同様の設定でMac側でコンソールの確認が可能です。

---