Surface Duo エミュレーターをリモートでデバッグする

  • [アーティクル]

この記事では、Microsoft Edge のデスクトップ インスタンスから Surface Duo エミュレーター上の Microsoft Edge アプリで Web コンテンツをリモートでデバッグするプロセスについて説明します。 Surface Duo デバイスでのデバッグの詳細については、Android デバイスの リモート デバッグに関するガイドに従ってください。

開始する前に

手順 1: [edge://inspect] に移動します

  • Microsoft Edge のデスクトップ インスタンスを開き、 に移動しますedge://inspect。

デスクトップ上の Microsoft Edge の [edge://inspect] ページ

ページで edge://inspectSurface Duo エミュレーターが認識されない場合は、エミュレーターを再起動します。

手順 2: Surface Duo エミュレーターを起動する

  • Surface Duo エミュレーターを起動します。 エミュレーターには、エミュレーターで実行されている 2 つの異なる画面が表示されます。

Surface Duo エミュレーター

手順 3: Surface Duo エミュレーターで Microsoft Edge で Web コンテンツを読み込む

  1. どちらの画面でも、 Surface Duo エミュレーター の [お気に入りトレイ] を上にスワイプして、アプリ ドロワーを表示します。

  2. [ Edge ] をクリックして Microsoft Edge アプリを起動します。

    Surface Duo エミュレーター上の Microsoft Edge アプリ

  3. Microsoft Edge アプリで、デバッグする Web サイトまたはアプリに移動します。

手順 4: Surface Duo エミュレーターから Web コンテンツをデバッグする

  1. Microsoft Edge のデスクトップ インスタンスに戻ります。

    このedge://inspectページには、Surface Duo エミュレーターで実行されている開いているタブまたは PWA の一覧が含まれる SurfaceDuoEmulator が表示されるようになりました。

    [edge://inspect] ページには、エミュレーターで実行されている Microsoft Edge アプリで開いているタブの一覧が表示されます

  2. エミュレーターで実行されている開いているタブの一覧から、デバッグする Web コンテンツがあるタブで [検査 ] をクリックします。 DevTools が 新しいウィンドウで開きます。

  3. [ スクリーンキャストの切り替え (スクリーンキャストの切り替え)] をクリックして、DevTools ウィンドウで Surface Duo エミュレーター の Web コンテンツを表示します。

これで、Microsoft Edge DevTools を使用して 、Surface Duo エミュレーターで Web コンテンツをデバッグできるようになりました。

Microsoft Edge DevTools を使用して Surface Duo エミュレーター上の Microsoft Edge アプリでBingをデバッグする

トラブルシューティング

SurfaceDuoEmulator がページにedge://inspect表示されない場合は、Surface Duo エミュレーターの Microsoft Edge アプリでタブを開くか閉じるか試してください。

その他のトラブルシューティング手順については、「 Android デバイスのトラブルシューティング」セクションを参照してください。

ヒンジが Web コンテンツのレイアウトにどのように影響するか

エミュレーターの両方の画面に Microsoft Edge アプリ をまたぐ場合、スクリーンキャストにはアプリの新しいサイズが反映されますが、ヒンジは反映されません。

ヒンジが Web コンテンツのレイアウトにどのように影響するかを理解するには、スクリーンキャストではなく Surface Duo エミュレーター を使用します。

その他のリソース

Web は、HTML、CSS、JavaScript を 1 回記述でき、シングルスクリーン、デュアルスクリーン、および折り畳み可能なデバイス全体で優れた外観を得ることができるため、折りたたみ可能なデュアルスクリーン デバイスの新しいクラスに最適なプラットフォームです。 これらの新しいデバイスの Web コンテンツの構築を開始するには、次の追加リソースを参照してください。