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.


    • Related Articles

    • Same/Different Test

      Overview In Same/Different test, panelists will receive 2 samples to indicate if the samples are the same or different. Single and back to back Same/Different tests are available through the Samples & design tab. Question Compatibility The ...

    • Torgerson's Test

      Overview The pre-set Torgerson's test type template comes distributed with the software for you to use in a click of a button! A Torgerson's test is a discrimination test type that presents three samples, all of which are different from each other. ...

    • Standard Test

      Overview Collect quantitative data on your products using the Standard test type. Use this test type to access a variety of question types to be used in profiling, difference from control or consumer tests. Question Compatibility The Standard test ...

    • Triangle Test

      Overview Triangle test is a discrimination test type. Determine if there is a difference between products by asking panelists to select the different sample out of three samples, of which two are the same. This method is commonly used with employee ...

    • Tetrad Test

      Overview Tetrad test is a discrimination test type that helps you determine if there is a difference between two products by asking panelists to group the four samples into 2 groups of 2. This highly recommended method is useful for a wide range of ...