Web インスペクタを使用して iOS デバイスをデバッグする方法

公開日: Dec 3, 2024

説明

※この記事は英語版を翻訳しており、一部に機械翻訳を含むため内容は後日更新される可能性があります。最新の内容は英語版を参照してください。表示言語は画面右下の言語名から切り替えられます。

解決策

目的: この記事では、Safari (サファリ) をデバッグしてログを収集するために iOS デバイスで Web インスペクタ (ウェブインスペクタ) を有効にする方法に関するウォークスルーを提供します。

環境: iOS (アイオーエス)
iPhone
iPad
Mac (マック)

手順:

前提条件:

Safari の Web Developer は Mac としか互換性がないため、このプロセスには Mac コンピュータが必要であることに注意してください。
Mac 上の Safari が iDevice 上の Safari と同じバージョンであることを確認してください。Mac 上で実行されている iOS バージョンまたは Safari のバージョンの更新が必要になる場合があります。

iPad、iPhone、または iPod touch で、[設定] | [Safari] | [詳細] をタップし、Web インスペクタに切り替えます。次に、JavaScript (ジャバスクリプト) がまだ有効になっていない場合は有効にします。
Mac で、Safari を起動し、[Safari] メニュー | [環境設定] | [詳細] に移動してから、[メニューバーに開発メニューを表示] がまだ有効になっていない場合はオンにします。
USB ケーブルを使用して iOS デバイスを Mac に接続します。これは重要です。ケーブルを使用して、デバイスを手動で接続する必要があります。これは WiFi 経由では機能しません。
iOS デバイスで、デバッグする Web サイトを開きます。次に、Mac で、Safari を開いて [開発] メニューに移動します。Mac に接続された iOS デバイスが表示されます。(注意: iDevice でどのページも開かれていない場合は、「検査可能なアプリケーションがありません」というメッセージが表示されます)。
ここで、Mac でデバッグする場合と同じ方法を使用して、Mobile Safari に開かれているページをデバッグします。
開発者ツールのウィンドウ内で、[ネットワーク] タブに移動し、要求されている場合は .har ファイルをエクスポートします。

詳細情報:

ナレッジ記事番号

000391692

この記事で問題は解決されましたか?

ご意見をお待ちしております。