Web Recording

Web recording connects to a running Chrome or Edge browser via CDP (Chrome DevTools Protocol) and captures every interaction as you browse — clicks, typing, navigation, and table extraction.

Prerequisites

• Microsoft Edge or Google Chrome installed
• Genzbots Browser Extension installed and enabled in that browser
• The target browser must be running before you start the recording session

How Studio Connects to Your Browser

Studio uses five automatic discovery strategies in order:

1. Specified CDP port (from browser launch parameter)
2. WMI process scan (finds Chrome/Edge processes with --remote-debugging-port)
3. Common ports: 9222 and 9230
4. DevToolsActivePort file in the browser's user data folder
5. Browser Extension fallback (named pipe connection)

You do not need to manually configure ports in most cases.

Web Recording Steps

1. Open Chrome or Edge and navigate to the starting page
2. In Studio, click Record → Web in the toolbar
3. Studio auto-attaches to the browser — the Recording Indicator appears
4. Interact with the page normally: click, type, select options, navigate
5. Each action is shown in the indicator list as it is captured
6. Press Shift+F2 or click Stop in the indicator to finish
7. All captured actions are inserted as activities on the canvas inside a Launch Browser container

What the Browser Extension Adds

The extension is injected into the page during recording. It provides:

• Real-time element highlighting (blue border) as you hover
• Accurate HTML attributes (id, class, aria-label, data attributes) for stable selectors
• Full DOM context — parent/sibling relationships for complex selectors
• Support for single-page applications (React, Angular, Vue) where URLs don't change
• Table extraction: right-click an HTML table → Extract Table to capture it as a DataTable