iPadの要素を検査するには、デフォルトのSafariブラウザーには開発者ツールが組み込まれていないため、回避策を使用する必要があります。 iPadをMacに接続し、MacのSafariのWebインスペクターを使用してiPadのWebページを検査します。これにより、Macを介してiPadでHTML、CSS、およびJavaScriptを表示および対話できます。
このチュートリアルでは、Macを使用してiPadでWebページを検査およびデバッグするプロセスをガイドします。
ステップ1：iPadをMacに接続します
USBケーブルを使用して、iPadをMacに接続します。
iPadがロック解除され、Macを信頼していることを確認してください。プロンプトが表示されたら、iPadで「このコンピューターを信頼する」をタップし、必要に応じてパスコードを入力します。
ステップ2：iPadでWeb検査官を有効にします
iPadで、設定> Safari> Advancedに移動し、「Web Inspector」に切り替えます。
これにより、iPadのSafariがMacのWebインスペクターツールと通信できます。
ステップ3：MacでSafariを開きます
MacでSafariを起動します。
Web検査官との互換性を確保するために、MacのSafariが最新であることを確認してください。
ステップ4：iPadで検査するためにWebページを開きます
Safariを使用してiPadで検査するWebページに移動します。
次のステップに進む前に、ページが完全にロードされていることを確認してください。
ステップ5：MacでWeb検査官を開きます
MacのSafariで「開発」メニューに移動し、「デバイス」にリストされているiPadを探します。 iPadを選択し、検査するWebページを選択します。
参照：iPadでKindle Booksを読む方法：初心者向けのステップバイステップガイド
「開発」メニューが表示されていない場合は、safari> freedences> advancedに移動し、「メニューバーでメニューの開発を表示」を確認してください。
ステップ6：要素を検査します
Webインスペクターは、iPadのWebページのHTML、CSS、およびJavaScriptを開いて表示します。
インスペクターツールを使用して、必要に応じてWebページとやり取りしてデバッグします。
これらの手順の後、Mac上の一連の開発者ツールにアクセスして、iPadでWebページを検査およびデバッグすることができます。これにより、サイトの問題を識別して修正しやすくなります。
iPadで要素を検査するためのヒント
- ソフトウェアを更新してください：iPadとMacの両方に、最適な互換性のための最新の更新があることを確認してください。
- 信頼できるケーブルを使用します：良質のUSBケーブルは、デバイス間の安定した一貫した通信を保証します。
- 必要に応じて更新します：時々、iPadのWebページを更新すると、Web検査官と同期するのに役立ちます。
- サファリの好み：Safariの「開発」メニューが設定で有効になっていることを確認してください。
- テスト応答性：これらのツールを使用して、さまざまな画面サイズと方向でWebページの外観を確認します。
iPadの要素の検査に関するよくある質問
MacなしでiPadで直接要素を検査できますか？
いいえ、現在、iPadで要素を検査するためにWeb Inspectorを使用するにはMacが必要です。
iPadが開発メニューに表示されない場合はどうなりますか？
USB接続が安全であり、iPadがMacによって信頼されていることを確認してください。両方のデバイスを再起動することも役立つ場合があります。
Web Inspectorを使用するためにSafariの特定のバージョンが必要ですか？
互換性のために、iPadとMacの両方でSafariの最新バージョンを使用するのが最善です。
この方法をWebページに使用できますか？
はい、iPadのSafariを介してアクセスできるWebページを検査できます。
MacのSafariの開発メニューが表示されない場合はどうなりますか？
Safariの設定に移動し、[メニューバーのメニューを表示]タブの下にある[メニューの表示]を確認してください。
まとめ
- iPadをMacに接続します。
- iPadでWeb Inspectorを有効にします。
- MacでSafariを開きます。
- iPadで検査するためにWebページを開きます。
- MacのWebインスペクターをオープンします。
- 要素を検査します。
結論
iPadで要素を検査することは、最初は挑戦的に見えるかもしれませんが、MacとSafariのWeb検査官の助けを借りて、それは簡単です。この方法は、WebサイトがiOSデバイスで正しく調整および機能するようにしたい開発者とデザイナーにとって特に役立ちます。
このプロセスをセットアップするのに数分かかると、デバッグ時間の時間を節約でき、Web開発に関与する人にとっては貴重なスキルになります。さらに読むには、SafariのWeb検査官のより高度な機能を調べ、このセットアップを補完できる他の開発者ツールを探索することを検討してください。
したがって、次にiPadで要素を検査する必要があるときは、これらの手順とヒントを覚えておいてください。幸せなデバッグ！