Supercheck LogoSupercheck

Recorder

Record browser interactions as Playwright code and send them to the Supercheck PlaygroundEdit

The Supercheck Recorder Chrome and Edge extension turns browser interactions into Playwright code. Review or edit the generated test, then send it to the Supercheck Playground.

Loading diagram...

Install

The extension requires Chrome or Edge with Manifest V3 side-panel support. Store builds update automatically; GitHub releases cover air-gapped and enterprise installs (see Install without the stores).

Connect Supercheck

Supercheck-hosted

The extension connects without setup on these origins:

InstanceURL
Supercheck Cloudhttps://app.supercheck.io
Live demohttps://demo.supercheck.dev

Install the extension in the browser profile you use for Supercheck.

Open the instance, sign in, and visit any authenticated dashboard page.

The extension connects automatically. No API key or URL entry is required.

To connect to any other host, add its URL in Options as described under Self-hosted Supercheck.

Self-hosted Supercheck

Self-hosted deployments are not trusted automatically: saving the URL once is the explicit trust decision, and the extension only talks to that exact origin.

Open the extension's Options page.

Expand Self-hosted instance, enter the HTTPS URL of your deployment (plain http://localhost is also accepted for local development) and select Save.

Sign in to that instance in the same browser profile. The extension connects automatically and stays connected on later visits.

Changing the URL clears the credential saved for the previous instance. Keys are scoped to one instance and are never sent to another host.

Record a test

Open the originating Supercheck Playground and start a recording for the page you want to test.

Click the Supercheck Recorder icon in the toolbar, or press Shift+Alt+R.

Interact with the page. The side panel shows the generated Playwright code. Review or edit it.

Select Save in the recorder to send the code to the originating Playground editor. If the editor has unsaved changes, the Playground asks before replacing them.

In the Playground, select Save (or Update) to persist the test to your project.

Press Shift+Alt+C to inspect elements without recording actions.

Permissions and data

The extension requests debugger, tabs, storage, side-panel, scripting, and HTTP/HTTPS host access to record actions in the selected tab and hand the code to the Playground. Recorded interactions can include text entered into forms, so review generated code before saving and avoid recording real secrets. Treat the browser profile as sensitive: the extension stores its connection details there, so disconnect it before sharing the profile and revoke the key in Supercheck if the profile or device is lost.

The extension injects its page API only on the origins listed under Connect Supercheck and on the instance URL saved in Options. Other pages cannot use the recorder API, read the stored credential, or start a recording.

Install without the stores

Enterprise and air-gapped environments can install the packaged extension from GitHub releases instead of the Chrome Web Store. The release asset is the same build that is submitted to both stores.

Download supercheck-recorder-v<version>.zip from Recorder releases.

Unzip it and open chrome://extensions.

Enable Developer mode, select Load unpacked, and choose the unzipped folder.

Pin the extension. Unpacked installs do not auto-update, so repeat this after each recorder release.

Troubleshooting

On this page