iPhone実機でブラウザの開発ツールを操作

投稿者: | 2023年4月19日

iPhoneの実機で開発者ツールを操作する方法です。正確にはiPhone単体では操作ができないためMacと接続して操作していきます。今回はsafariを使います。

開発者ツールを使うにはWebインスペクタの設定を有効にする必要がありますのでiPhoneで設定を変更します。設定のsafariから詳細を選択し、Webインスペクタを有効にします。

続いてMac側のsafariを開き、環境設定を変更します。「メニューバーに開発メニューを表示」にチェックを入れます。

safariのメニューに開発が追加されるのでここか対象端末をサイトを選択します。サイトは現在iPhone側で開いているものが選択できます。

選択するとデバッグツールが表示されます。

今回、iPhoneのアプリだけWebビューでエラーが出ており、認証トークンを操作してデバッグする必要があったため実機でどうしてもブラウザの開発ツールが利用したかったためこの方法を使いました。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA