iOS 6より前のiPhoneのSafari Webブラウザには、開発者がウェブページの欠陥を追跡するために使用できる組み込みのデバッグコンソールがありました。 iOSの初期バージョンを実行しているiPhoneをお持ちの場合は、設定 > サファリ > 開発者 > デバッグコンソール。 iPhoneのSafariがCSS、HTML、JavaScriptのエラーを検出すると、それぞれの詳細がデバッガに表示されます。
最近のバージョンのiOSでは、Web Inspectorが代わりに使用されています。 iPhoneまたは他のiOSデバイスのSafari設定でそれを有効にしますが、Webインスペクタを使用するにはiPhoneをMacコンピュータにケーブルで接続し、MacのSafariを開きます。Safariの拡張設定で開発メニューを有効にします。 Web Inspectorは、Macコンピュータとのみ互換性があります。
02の01iPhone上でWebインスペクタを有効にする
Web Inspectorは、ほとんどのiPhoneユーザーがこれを使用しないため、デフォルトで無効になっています。しかし、わずか数ステップで起動することができます。方法は次のとおりです。
- をタップ設定 iPhoneのホーム画面のアイコンをクリックします。
- あなたが到達するまでスクロールダウン サファリ それをタップすると、iPhone、iPad、またはiPod touchのSafari Webブラウザに関連するすべての画面が開きます。
- 画面の下部までスクロールしてタップします上級 メニュー。
- スライダーを横に Webインスペクタ 〜に に ポジション。
MacをSafariに接続する
Webインスペクタを使用するには、iPhoneまたは他のiOSデバイスをSafari Webブラウザを実行しているMacに接続します。ケーブルを使用してデバイスをコンピュータに接続し、コンピュータ上でSafariを開きます。
Safariを開いた状態で、次の操作を行います。
- クリック サファリ メニューバーで環境設定。
- クリック上級 タブ
- 横のボックスを選択するメニューバーに現像メニューを表示する.
- 設定ウィンドウを終了します。
- クリック 開発する Safariのメニューバーで Webインスペクタを表示.