Replay a Session to inspect the actions performed and network requests
console.log()
), making debugging remote Sessions as easy as using your browser
browser-solving-started
browser-solving-completed
browserbase-keeping-connection-alive
Starting recording
[DOM] Updated style of [body]
or [Network] Request finished loading: GET "https://example.com/style.css"
Network
), describing in detail any network requests and responses performed during Session
The Timeline also features logs emitted by the Web Console API (ex: console.log()
),
making debugging remote Sessions as easy as using your browser.
npx playwright show-trace trace-file.zip
to view the captured network activityrouteFromHAR
are stored on the remote instance. Use tracing to capture network data locally for analysis.logs.list()
method in the Browserbase SDK.
recording.retrieve()
method in the Browserbase SDK.
rrwebPlayer
component for displaying the session replay in your application.
You can create a reusable component that accepts session recording events as props and renders the rrweb player:
events
prop to pass session recording events to the rrweb player: