更新されたChrome DevTools:さまざまな画面をエミュレートし、デスクトップからデバイス上のアプリケーションをテストします

デスクトップとAndroid向けのChromeベータベータ版ブランチが更新され、モバイルアプリケーションとサイトをテストするために設計されたいくつかの興味深いChrome DevTools機能がもたらされました。



1つ目は、Chromeでさまざまな物理画面をエミュレートすることです。 新しい[エミュレーション]タブから、インストール済みのデバイスを選択できます。アプリケーションは、以下の例に示すように、画面のパラメーターとともに表示されます。 解像度などの画面エミュレーションオプションは、完全に編集可能です。



画像





2番目の機能は、USB接続されたモバイルデバイス上のブラウザーからWebアプリケーションをテストする機能です。 adbドライバーをインストールしたり、何かを構成したりする必要なく、デスクトップChromeはAndroidでChromeとWebViewの実行中のすべてのインスタンスを検出して画面に表示し、電話自体とデスクトップブラウザーの両方からそれらを管理できるようにします。



ビデオでは、次のようになります。







[ ソース ]



All Articles