Multi-Device Testing in a single tab

You can test your website or web application on up to four devices simultaneously in a single tab. For example, in a single tab, you can simultaneously test a website on an iPhone 13, an iPad 9th Generation, Pixel 7, and an OnePlus 11R.

Use cases

• Test your website or web application on families of device-browser combinations simultaneously and compare them side by side.
• Seamlessly remove and add device-browser combinations as you continue testing.
• Use a variety of features such as interaction sync, rotate, and zoom across all devices.

Supported devices

Test on multiple devices in a single tab

To test on multiple devices in a single tab, follow these steps:

1. Log in to the Live dashboard.
2. Select your preferred device-browser combination to run your website or web app.
3. Hover the cursor over the Plus sign on the right side of the screen and click the + Add Device button when it appears.
4. In the device and browser selection window, choose another device-browser combination.
5. Repeat steps 3 and 4 to add up to three additional devices.
6. Open your test website on all four devices.
   You can now use the toolbar options and interactions to perform tests on all devices simultaneously.

Toolbar options

In a single tab multi-device testing session, the Live toolbar gets divided into two categories: Selected Device Controls and All Device Controls.

1. Selected Device Controls: These controls affect only the active device.
   An active device is the currently selected device. The name of the active device is highlighted with a blue background in the toolbar, and the device itself is also highlighted with a blue background.
2. All Device Controls: These controls affect all devices in the session.

Selected Device Controls

You can use the following toolbar options on the active device:

• Device and browser information: Displays the device and browser information. You can also use this option to stop testing on a single device.
• Switch Browser: Switches between device-browser combinations during an ongoing test session.
• Change Location: Sets the location for the active device. You can simultaneously set different locations on different devices to compare how your website loads and behaves in various locations.
• Files: Allows you to test file-based scenarios such as uploading and downloading a file. To know more about how to test file-based scenarios, see Upload files to BrowserStack real devices and Download files to BrowserStack real devices.
• Throttle Network: Allows you to simultaneously set different network conditions on different devices to compare how your website loads in various network conditions. To know more about network throttling, see Test using Throttle Network on iOS and Android devices
  

The following video demonstrates how you can simultaneously test your website in various locations and network conditions by setting different locations and network conditions on the selected devices.

All Device Controls

You can use the following toolbar options on all devices simultaneously:

• Local testing: Configures Local Testing settings. To know more about Local Testing, see Local Testing - Overview.
• Zoom: Zooms in or zooms out of the devices.
• DevTools: Opens DevTools to see debugging information for your website on up to four devices simultaneously. To know more about DevTools, see Debug your website with DevTools on mobile.
• Rotate Device: Rotates devices horizontally or vertically.
• Settings: Configures settings such as enabling interaction sync, self-signed certificate support, and setting idle session timeout.
• Record session: Records the test session. To know more about recording a session, see Record your test session.
• Stop All Devices: Stops all devices and closes the session.

Synchronize interactions across devices

You can synchronize your interactions across all devices. This means that when you perform certain actions on one device, those actions are replicated on the other devices automatically.

To enable interaction sync, follow these steps in your Live session:

1. Start a Live session with the devices on which you want to test.
   You must start a session with at least two devices to enable interaction sync.
2. In the vertical Live toolbar, click Settings.
3. In the General Settings section, switch on the Sync interactions across devices toggle.
   A confirmation message is displayed asking whether you want to enable this feature.
4. In the confirmation message, click Proceed.
   Enabling this feature restarts the devices, activates self-signed certificate, and disables the network throttling feature.
   You can now interact with one device and your actions are replicated on all of the other devices.

Interaction sync limitations

Interaction sync has the following limitations:

• All devices must have the same URL. You may need to enter the URL manually if the devices don’t sync.
• If the URL is the same on all devices and interaction sync is not working then try refreshing the page as a workaround.
• Interaction sync may not work on certain websites.
• You may experience interactions sync issues on iPhones running iOS 13 or earlier versions.
• Interaction sync is not supported on Vivo, Oppo, and Huawei devices.
• Scrolling sensitivity may occasionally vary.