Record Multiple Elements Using Recorder

---

Quickly capture elements for mobile web applications! 📱

Using the Testsigma Recorder, you can swiftly capture elements in mobile web applications using Chrome Developer Tools 🛠️. This article discusses how to capture elements for mobile web applications.

---

Prerequisites

Before you begin, ensure that:

• You have referred to the documentation on creating projects.
• You have referred to the documentation on creating applications.
• You have installed the Testsigma Chrome Extension. For more information on installing Testsigma Chrome Extension, refer to the documentation on Testsigma Chrome Extension.
• You have a mobile web application that is available for testing.

---

Steps to Record Elements for Mobile Web Apps

1. From the left navigation bar, go to Create Tests > Elements, and click Record.

2. This will open a new window. Enter the URL from which you want to capture the elements. The Testsigma Recorder will appear and be ready to start recording. In this case, we are recording elements for the 1mg website.

3. Press F12 to open Chrome Developer Tools and dock the tools to the right side of the window for a better experience.

NOTE

Make sure you have selected Companion Mode located in the action bar at the top.

4. Click on >> and select Testsigma Recorder from the dropdown menu.

5. This will open Testsigma Recorder on the Developer Tools screen.

NOTE

Select the dimension from pre-defined devices on which you want to record the elements. If the device required for your testing is not listed, you can add a custom device by selecting Edit from the Dimensions dropdown menu and clicking Add custom device.

Some devices might have unique characteristics that will affect element display and interaction, and adding a custom device required for your testing is necessary to identify and resolve these issues.

6. Once the dimension is selected, click directly on the elements to capture them, and click Stop when you are done capturing the required elements.

---