Google Chrome デバイス・モードでのテストの記録

Google Chrome デバイス・モード機能を使用して、モバイル・デバイスで Web アプリケーションのテストをエミュレートできます。

このタスクについて

Chrome デベロッパー・ツールのデバイス・モード機能を使用すると、特定のモバイル・デバイスで実行されているときと同じように動作するように、Chrome を構成できます。さらに、Web UI テストを記録する際は、そのデバイスで記録されているかのようにテストを記録できます。それ以降、テストを実行する際に、テストはそのデバイスで実行されているかのように実行されます。

手順

Google Chrome ブラウザーで新しい Web UI の記録を開始します。または、既に実行されている Chrome インスタンスによる記録を計画します。詳しくは、Web UI テストの実行および実行中のブラウザー・インスタンスを使用した Web UI テストの記録を参照してください。
Chrome で、特定のモバイル・デバイスをエミュレートするように Chrome デバイス・モード機能を構成します。
1. Chrome の右上隅のメニューをクリックし、「その他のツール」 > 「デベロッパーツール」をクリックして、Chrome デベロッパー・ツールを開きます。
  
  Cntl+Shift+I キーを押すか F12 キー (Windows のみ) を押して Chrome デベロッパー・ツールを開くこともできます。
  .
2. デバイス・ツールバーの切り替えボタンをクリックします。
3. エミュレートするデバイス (例えば、iPhone 6) を「レスポンシブ (Responsive)」メニューから選択します。ズーム・レベルは 100% に設定したままにします。
テスト対象の Web アプリケーションをロードして、デバイス・モードの選択に応じてその調整と実行ができるようにします。
ステップ 1 で参照されているトピックの説明に従ってテストの記録を続けます。

フィードバック