IPad / iPhoneでWebInspectorを使用してSafariでリモートデバッグを設定する方法

iOS 6で、AppleはiPad、iPhone、iPodtouchなどのiOSデバイスでWebアプリケーションをデバッグするための「WebInspector」と呼ばれる新しいSafari機能を導入しました。 この機能は、誰でも、特にWeb開発者が、Webサイトの問題を見つけて修正するのに役立ちます。 この機能の使用方法は次のとおりです。

[設定]> [Safari]> [詳細設定]をタップしてiDeviceでWebインスペクターをオンにし、Webインスペクターをオンに切り替えます。

Safari iPad iPhone Web Inspector

Web Inspectorをオンにした後、デバイスをコンピューターに接続する必要があります(Macのみ、PCコンピューターはこの機能をサポートしていません)。 MacコンピュータでSafariの起動に進みます。 まず、Safariの開発者ツールがオンになっていることを確認します。 メニューバーに「開発」と表示されている場合は、オンになっています。 [開発メニュー]をオンにする必要がある場合は、[Safari]> [設定]> [詳細設定]をクリックし、[メニューバーに開発メニューを表示する]チェックボックスをオンにします。

メニューバーに[開発]メニューを表示する

次に、[開発]メニューを選択します。 iDeviceがメニューオプションとして表示されます。 あなたはあなたのウェブサイトを検査することができるはずです。 これには、HTMLまたはCSSの変更、JavaScriptコマンドの実行、およびDOM要素の検索が含まれます。

関連している:

  • Safariでのプライベートブラウジングでプライバシーを保護する
  • モバイルSafariで新しいタブまたはページを開く方法
sudz-アップル
SK( 編集長 )

AppleにA / UXが早くから登場して以来、テクノロジーに夢中になっているSudz(SK)は、AppleToolBoxの編集方向を担当しています。 彼はカリフォルニア州ロサンゼルスを拠点としています。

Sudzは、macOSのすべてをカバーすることを専門としており、長年にわたって数十のOSXおよびmacOSの開発をレビューしてきました。

以前の生活では、Sudzは、フォーチュン100企業のテクノロジーとビジネス変革の目標を支援するために働いていました。

関連記事: