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

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用SafariでWebインス���クターを使用する方法

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インスペクターで新しいウィンドウが開きます。

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

トラブルシューティング

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

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

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

結論

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


iPhoneがジェイルブレイクされているかどうかを確認する方法

iPhoneがジェイルブレイクされているかどうかを確認する方法

iPhoneがジェイルブレイクされているかどうかを確認する方法

iPhoneで連絡先を削除する方法

iPhoneで連絡先を削除する方法

iPhone の連絡先リストから不要な人を削除するには、iCloud で削除する必要があります。その方法は次のとおりです。

Find My アプリを使用して近くのエアタグを検索する方法

Find My アプリを使用して近くのエアタグを検索する方法

Apple の AirTags は、失くしたアイテムを見つける強力なツールです。本記事では、「Find My」アプリを使用してエアタグを検索する具体的な方法を解説します。

iPadでホットコーナーを設定する方法

iPadでホットコーナーを設定する方法

iPadOS13.4ではマウスのサポートが改善されました。ポインターの外観をカスタマイズでき、iPadでホットコーナーを構成できるようになりました。

iPhone の Safari およびその他のブラウザで Cookie を有効にする方法

iPhone の Safari およびその他のブラウザで Cookie を有効にする方法

Cookie は、あらゆるブラウザーでのブラウジング エクスペリエンスに不可欠です。iPhone でそれらをオフにする方法に関する簡単なチュートリアルを次に示します。

iPhone で内線番号をダイヤルする方法: 完全ガイド

iPhone で内線番号をダイヤルする方法: 完全ガイド

iPhone で内線番号をダイヤルする必要がありますか? これを実現する簡単な方法と、連絡先を内線番号として永久に保存する方法を紹介します。

Apple CarPlayをオフにする方法: 知っておくべき4つの最良の方法

Apple CarPlayをオフにする方法: 知っておくべき4つの最良の方法

Apple CarPlay は、堅牢な自動車インフォテインメント システムです。ただし、場合によっては、Apple CarPlay を停止したい場合は、Apple CarPlay をオフにする方法を学びましょう。

メールアプリでメールを非表示にする方法

メールアプリでメールを非表示にする方法

電子メールを共有すると、スパムに遭遇する可能性があります。ますます多くのサービスやウェブサイトがあなたの電子メールを収集することを要求するため、電子メール アドレスがバーナーになるのです。

Apple iPad で Apple Pencil (全世代) をセットアップする方法

Apple iPad で Apple Pencil (全世代) をセットアップする方法

Apple iPad で Apple Pencil をセットアップして、クールでクリエイティブなデザインやアートを描く方法を学びましたか? 正しい場所に来ましたね!読む。

AirPod の設定を変更する方法: 試すことができる 6 つの最良の方法

AirPod の設定を変更する方法: 試すことができる 6 つの最良の方法

AirPods はユーザーの利便性を高める無限の可能性を秘めています。AirPods を最大限に活用するために AirPod の設定を変更する方法を学びましょう。