デスクトップでのデュアルスクリーン Web エクスペリエンスの構築
デュアルスクリーン エミュレーション機能は、Microsoft Edge バージョン 97 以降の開発者ツールで使用できます。
GitHubのこの例のようなデュアルスクリーン拡張 Web サイトに移動します
設定その他のメニュー (省略記号...) を選択し、[その他のツール>] 開発者ツールを選択します。
[ディメンションの選択]: Surface Duo を選択し、"デュアルスクリーン" (書籍に似た) ボタンを使用して、1 つの画面と 2 つの画面を切り替えます。
通常の Web 開発ワークフローを使用して、デュアルスクリーン Web アプリをビルドしてテストできるようになりました。
デスクトップでのビルドとテストには、既存の Web 開発ツールとデバッグ エクスペリエンスを使用する利点があります。
デスクトップからエミュレーターでデバッグする
Edge デスクトップでのビルドとテストに加えて、Surface Duo エミュレーターに接続し、エミュレーターから Web サイトをデバッグすることもできます。
次の手順に従って 、エミュレーター インスタンスを Edge デスクトップ開発者ツールに接続します。 リモート デバッグは、Androidデバイスでも機能します。
サポートされているデスクトップ ブラウザーのバージョン
Surface Duo エミュレーション オプションは、次のデスクトップ ブラウザー開発者ツールで使用できます。
- Microsoft Edge - バージョン 97 以降
- Google Chrome - バージョン 97 以降