iOS用SafariでWebインスペクターを使用する方法

Webサイトは、常にデスクトップシステムからアクセスされるとは限りません。モバイルデバイスにもブラウザがあり、デスクトップと同じくらい頻繁にWebサイトにアクセスするために使用されます。まれに、人気のあるWebサイトにモバイルアプリがありますが、ほとんどのWebサイトにはモバイルアプリがありません。そのため、Webサイトはデスクトップブラウザとモバイルブラウザの両方である程度合理的に機能する必要があります。それらを確実に行うには、モバイルWebブラウザーでの開発中に、Webサイトをデバッグする必要があります。これは、デスクトップブラウザーのようなコンソールがないため、問題が発生する場所です。

AndroidのモバイルChrome用コンソールにアクセスする必要がありますか？ガイドをご覧ください。

SafariのWebインスペクター

iOSのSafariでWebサイトをデバッグしている場合は、Safariの組み込みのWebインスペクターを使用できます。唯一の制限は、Macが必要なことです。モバイルSafariのWebコンソールには、MacのSafariを介してアクセスします。設定には時間がかかります。

iCloudアカウント

SafariでWebインスペクターを使用するには、iOSデバイスとMacが同じiCloudアカウントを使用し、Safariを同期するように設定されている必要があります。

マックOS

1. システム環境設定を開きます。
2. Apple IDに移動します（使用中のIDをメモしてください）。
3. 左側の列でiCloudを選択し、右側のペインでSafariが有効になっていることを確認します。
4. Safariを開きます。
5. メニューバーの[Safari]をクリックし、[設定]を選択します。
6. 上のSafariの環境設定に行く高度なタブ。
7. 「メニューバーに「現像」メニューを表示」を有効にします。

iOS

1. 設定アプリを開きます。
2. 上部にあるアカウントをタップします。
3. 使用されているAppleIDがMacで使用されているものと同じであることを確認してください。
4. iCloudをタップします。
5. SafariでiCloudを有効にします。
6. 設定アプリのメイン画面に戻ります。
7. [一般]に移動して、一番下までスクロールします。
8. [リセット]> [場所とプライバシーのリセット]に移動します。

Webインスペクターを有効にする

これで、iOSデバイスをMacに接続する準備が整いました。

1. 使用するデータケーブルを、MacにiPhone（またはiPad）を接続します。
2. iPhoneに、接続先のコンピュータを信頼するかどうかを尋ねるプロンプトが表示されます。[信頼]をタップして、デバイスへのパスコードを入力します。
3. iPhoneでSafariを開き、デバッグするWebサイトにアクセスします。
4. Macで、Safariを開き、[開発]に移動します。iPhoneがサブメニューに表示されます。それを選択し、デバッグするWebサイトを選択します。サブメニューに表示されます。
5. Webインスペクターで新しいウィンドウが開きます。

トラブルシューティング

場合によっては、上記の方法が機能しないことがあります。これはmacOSのバグです。ほとんどすべての場合に機能する1つのことは、howeveの下の修正です。前のセクションの手順を実行した後、次の手順を実行します。

1. iPhoneをMacから切断します。
2. iPhoneで設定アプリを開きます。
3. [一般]> [リセット]> [場所とプライバシーのリセット]に移動します。
4. 私に電話、オフのWiFi、ブルートゥースをオンをオンにし、モバイルホットスポットをオンに。
5. iPhoneをMacに接続します。iPhoneでプロンプトが表示されたら、コンピュータを信頼します。
6. iPhoneでSafariを開き、デバッグするWebサイトにアクセスします。
7. でマック、サファリを開きます。
8. 行くの開発>ネットワークを経由して接続しますiPhone> 。
9. 次に、[開発]> [iPhone]に移動し、iPhoneのSafariで開いているWebサイトを選択します。

結論

Safari for iOSでのWebサイトのデバッグは、Macを使用している場合にのみ実行できます。iOSのSafariのバージョンがMacのバージョンと同じであることを確認する必要があります。ウェブサイトをデバッグするときは、常に最新の安定バージョンのiOSとmacOSを実行することをお勧めします。これにより、Safariのバージョンが両方のプラットフォームで同じになります。