Puppeteer Recorder is a free Google Chrome extension that lets you record the actions of your browser as a Puppeteer script. Think of it as a screen recorder that generates Puppeteer code from the recording, with features like recording clicks, input events, pausing the recording, and more.
Puppeteer can also be seen as an alternative to Selenium, but the advantage of this extension is that it lets you control Chrome through development from different programming languages (mainly JavaScript) without writing any code. For those unfamiliar with it, Puppeteer is a Node.js library developed by Google to automate actions on the company's browsers.
How to record browser actions?
The first thing to do is install the Puppeteer Recorder extension in your Google Chrome browser. After installation, you'll see its icon in the Chrome toolbar.
https://www.youtube.com/embed/CDzwbm_b7CoNext, click the icon to start the recording as a sequence of Puppeteer commands. When the recording is done, the platform will show you the generated code in a popup that appears from the extension icon in the browser. With a click, you can copy the generated code and then use it in Node.js programming.
As you can see, recording browser actions or interactions as Puppeteer code with Puppeteer Recorder is a very simple task. The generated code is of high quality, but if you notice it's incorrect or incomplete, you can correct or add to it manually. Although the extension is still in development, it currently supports various events and generates any type of automation code.
In our research in forums, we've read that for small and medium projects, the generated code is very precise and you won't need to manipulate it.
Puppeteer Recorder is a free Google Chrome extension that lets you record browser actions and then translate them into a script compatible with Puppeteer.
