iPhoneの実機で開発者ツールを操作する方法です。正確にはiPhone単体では操作ができないためMacと接続して操作していきます。今回はsafariを使います。
開発者ツールを使うにはWebインスペクタの設定を有効にする必要がありますのでiPhoneで設定を変更します。設定のsafariから詳細を選択し、Webインスペクタを有効にします。
![](https://protocol.nekono.tokyo/wp-content/uploads/2023/04/画像-576x1024.jpg)
続いてMac側のsafariを開き、環境設定を変更します。「メニューバーに開発メニューを表示」にチェックを入れます。
![](https://protocol.nekono.tokyo/wp-content/uploads/2023/04/スクリーンショット-2023-04-15-16.49.26-1024x537.png)
safariのメニューに開発が追加されるのでここか対象端末をサイトを選択します。サイトは現在iPhone側で開いているものが選択できます。
![](https://protocol.nekono.tokyo/wp-content/uploads/2023/04/スクリーンショット-2023-04-15-16.52.43.png)
選択するとデバッグツールが表示されます。
![](https://protocol.nekono.tokyo/wp-content/uploads/2023/04/スクリーンショット-2023-04-15-17.06.29-1024x516.png)
今回、iPhoneのアプリだけWebビューでエラーが出ており、認証トークンを操作してデバッグする必要があったため実機でどうしてもブラウザの開発ツールが利用したかったためこの方法を使いました。