Headless Recorder
Extension Delisted
This extension is no longer available in the official store. Delisted on 2025-09-16.
A Chrome extension for recording browser interaction and generating Puppeteer & Playwright scripts
Headless Recorder is a popular open-source Chrome extension to easily generate Playwright/Puppeteer scripts without coding 🚀
The free extension makes writing Playwright/Puppeteer scripts way easier. It records your browser interactions and auto-generates the code. This is super useful for creating:
👉 E2E test scripts
👉 Web scraping scripts
👉 Synthetic monitoring scripts
Headless Recorder features:
- Record clicks, input events, etc.
- Record screenshots.
- Pause the recording when navigating.
- Identify elements from the overlay.
- Monitor recorded events.
- Export to Puppeteer code or to [Checkly](https://www.checklyhq.com/)
- Tweak the settings of the generated code.
- Light and dark mode
How to use it:
- Click the icon and hit Record.
- Hit TAB after you finish typing in an input element.
- Click links, inputs and other elements.
- Wait for full page load on each navigation.
- Click Pause when you want to navigate without recording anything. Hit Resume to continue recording.
This extension is actively developed. More events and actions will be added in later versions.
check https://checklyhq.com/headless-recorder/. If you have feedback and/or want to contribute have a look at https://github.com/checkly/headless-recorder.
Latest reviews
god tier giga chad love you
I don't usually write chrome reviews, but this extension is LEGENDARY!
It's very good! Will it plan to support Python?
It's sad that I can record keyboard events.
i can't believe testobject has finally done it
+- работает, ускоряет разработку. Спасибо
Не работает
Wow. Now this right here is a time saver. THANK YOU so much!
Can this record Canvas interactions?Click, drag and drop.
Seems to pickup all actions except for typing in forms.
I register on an website and got this recorded: const puppeteer = require('puppeteer'); (async () => { const browser = await puppeteer.launch() const page = await browser.newPage() const navigationPromise = page.waitForNavigation() await navigationPromise await navigationPromise await browser.close() })()
it is very good！
This just cut 2/3rds of the time that I spend on writing puppeteer use-cases.
Saves a lot of time but is inconsistent. Recording the same filling of a form several times once I got the page.type as well the other 5 times I only got the page.click for the each field.
Incredibly useful
не хватает записи действий отличных от кликов
Very useful chrome extension, this is how you get new customers! Anyway, some feedback: - Add a semicolon at end of lines (WebStorm complains about it) - Option to clear cookies before running a test (right now I have another extension for it) - Ability to wrap it inside a test case. Right click on elements and insert assert statements (I think casperjs recorder does this) Still these are just some good-to-have features. The extension is very useful as it is now!
Save a lot of time writing puppeteer automation tests! Try it =D
When I tried to execute the code generated by the recorder and take a screenshot the code threw errors like unhandledpromiserejectionwarning. What's the point of correcting the code generated by the recorder and me writing the code again to make it work.
Amazing; thank you for putting together such an awesome extension.
Very useful in working out how to operate puppeteer.
HOLY SMOKES, I'm loving it!. It's simple, precise and does it's job. If you already know how to use Puppeteer, this is ultra time saving. I'm hoping they continue with more updates as I'd love to see some element verification options (text, urls, titles), etc. Keep up the good work.
ok pour enregistrer, mais je n'ai pas trouvé comment rejouer le script, ce n'est indiqué nul part
Just started using it and its quite awesome! A wonderful extension from Checkly!
E2Eのテストに最適！Vue推しなのがわかりみが深い
