Skip to main content

Live View

The Live View feature allows you to watch and interact with any browser currently running. It is useful for debugging sessions or assisting an AI Agent in its workflow.

How to use the Live View​

The Live View feature requires the dashboard. The complete deployment guide contains a Docker Compose file with all the requirements to run all the features of BlitzBrowser. It will deploy the dashboard.

The live view is enabled with the live view browser property. You have to enable the feature when connecting to a browser. By default the Live View is disabled.

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();