Headless Recorder 1.0 is a free and open-source Chrome extension that records your browser interactions and generates Playwright/Puppeteer scripts without coding. Easily record, copy, and run your script for testing, monitoring, or scraping.
Hi,
I'm Nacho, Lead Open Source Engineer of https://checklyhq.com. My team and I built the Headless Recorder and just released a major update we want to share with the community here.
Headless Recorder is an open-source browser extension that helps you create Playwright & Puppeteer scripts without coding. It records clicks and type events and you can add waitForNavigation, setViewPort, and other useful clauses.
This is SUPER powerful for creating:
π E2E test scripts
π Scraping scripts
π Synthetic monitoring scripts
With Headless Recorder 1.0 we added a bunch of functionalities and gave it a new look and feel. New features include:
βοΈ Complete re-design with dark mode and new control panel
βοΈ Preview CSS selectors of HTML elements.
βοΈ Take full page and element screenshots.
βοΈ Run generated scripts directly on Checkly
So, why are we building this?
My company Checkly and our customers rely on Puppeteer and Playwright for testing and monitoring web applications.
We wanted to build a tool that would make it easier for our customers to create meaningful E2E scripts. What started as a small side project became quite popular with more than 13k stars on GitHub.
We received a ton of valuable feedback and decided to continue work and improve the recorder. Version 1.0 is the first step!
P.S. We π feedback and contributions so check it out on GitHub https://github.com/checkly/headl...