Headless Recorder: Recording Browser Interactions and Script Generation

Headless Recorder: Recording Browser Interactions and Script Generation
Photo by Ben Michel / Unsplash

Headless Recover is a free and open-source Chrome extension that records browser interactions and generates Playwright or Puppeteer scripts. You can either install it from Google Chrome Extension Web Store, or build and install it locally.

What can you do with the Headless Recorder?

  • Records clicks and type events.
  • Add waitForNavigation, setViewPort and other useful clauses.
  • Generates a Playwright & Puppeteer script.
  • Preview CSS selectors of HTML elements.
  • Take full page and element screenshots.
  • Pause, resume and restart recording.
  • Persist latest script in your browser
  • Copy to clipboard.
  • Run generated scripts directly on Checkly
  • Flexible configuration options and dark mode support.
  • Allows data-id configuration for element selection.

Event recorded

  • click
  • dblclick
  • change
  • keydown
  • select
  • submit
  • load
  • unload

License

MIT License.

Resources & Downloads

GitHub - checkly/headless-recorder: Chrome extension that records your browser interactions and generates a Playwright or Puppeteer script.
Chrome extension that records your browser interactions and generates a Playwright or Puppeteer script. - GitHub - checkly/headless-recorder: Chrome extension that records your browser interaction…

Read more