Skip to content
Recording

Phones, tablets and screen sizes

Record and run tests as a real phone, tablet or fixed desktop screen, with language, time zone, location and theme.

The Device menu in the toolbar shows the name of the phone or tablet, or the size of the desktop screen. With a device chosen, the site really sees that device: exact size, screen density, the phone’s user agent, touch and mobile layout.

Choose a device

  • Fit to window (default): the page fills the browser area, as on your PC.
  • Phones and Tablets: iPhone 15, Pixel 7, Galaxy S24, iPad and more.
  • Desktop: fixed screen sizes such as 1366×768 or 1920×1080.
  • Custom: a phone (touch, mobile user agent, rotatable) or a plain desktop screen, with the size typed right in the menu.
  • Rotate turns a phone or tablet to landscape.

The menu stays open while you choose, so you can set several options in a row. A device bigger than the browser area is drawn scaled down, and with a phone or tablet the dock moves to the right. The menu is locked while recording.

Emulation options

The Emulation section of the menu sets the language, time zone, location (geolocation), theme (light, dark or system) and Reduce motion the site sees. With a device the theme is always explicit (light by default), so the site does not follow the dark theme of Windows while the runs see it light.

Devices in tests

  • The device is saved with the test (<name>.device.json) and used in every run — Headless on Chromium, Firefox and WebKit, and In-App — and in the exported project.
  • Opening the test turns its device back on.
  • Manual Steps and Gherkin mention the device.
  • In In-App runs a big device shows the top of the page; screenshots and traces show it whole.
Devices — Actify Studio Docs