Skip to main content

Live View

The live view feature allows you to watch and interact with any browsers currently running. It is useful for debugging sessions or helping your AI Agent in their workflow.

How to use the Live View

The live view feature requires the dashboard. If the dashboard isn't deployed, you can learn how to deploy it.

The live view is enabled with the live view browser property. You have to enable the feature when connecting to a browser.

Connect your code

Puppeteer
import puppeteer from 'puppeteer';

const browser = await puppeteer.connect({
browserWSEndpoint: `ws://localhost:9999?liveView=true`
});

const context = await browser.createBrowserContext();
const page = await context.newPage();

// ...

await browser.close();
Playwright
import { chromium } from 'playwright';

const browser = await chromium.connectOverCDP(`ws://localhost:9999?liveView=true`);

const context = await browser.newContext();
const page = await context.newPage();

// ...

await browser.close();