Emulate Different Devices In Test Preview

Emulate Different Devices In Test Preview

Overview

You have completed your test setup and previewed it on your computer, but that view only shows what panelists with similar device size and browser will see. No worries, you can preview your test in other device sizes, right from your computer!

Web browsers have built in functionality that allows you to view pages as if they were on different device types. In this workflow we will point you to where to find this feature in the three major web browser types.


Launch The Test Preview

  1. For the remaining steps to work, first launch the preview of your test from the Review tab.

  2. Follow the steps below that correspond to your browser.


In Chrome

  • Open DevTools by pressing F12 key on your Windows keyboard. Depending on the keyboard you might need to press the Function key together with F12 to open the DevTools (on the right side of the page).

  • Click the device icon as seen in the image below.


  • Close to the top center, from the Dimensions dropdown, select the device you’d like to emulate.


  • If the device you are hoping to emulate is not on the list or you wish to remove some of the devices from the list, click Edit and make the necessary changes.


In Firefox

  • Open Responsive Design Mode by pressing CTRL Shift M keys on your Windows keyboard.

  • Select the device you would like to emulate.


  • If the device you are hoping to emulate is not on the list or you wish to remove some of the devices from the list, click Edit List and make the necessary changes.

In Edge

  • Open DevTools by pressing F12 key on your Windows keyboard. Depending on the keyboard you might need to press the Function key together with F12 to open the DevTools (at the bottom of the page).

  • Click the device icon as seen in the screenshot below, and then select the device you wish to emulate.


  • If the device you are hoping to emulate is not on the list or you wish to remove some of the devices from the list, click Edit and make the necessary changes.