GitHub - checkly/puppeteer-recorder: Puppeteer recorder is a Chrome extension th...
source link: https://github.com/checkly/puppeteer-recorder
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
README.md
Puppeteer Recorder
Puppeteer recorder is a Chrome extension that records your browser interactions and generates a Puppeteer script. This project is very much in alpha stage, but does the following already:
- Records clicks and type events.
- Generates a Puppeteer script.
- Shows which events are being recorded.
- Copy to clipboard.
- Offers configuration options.
Usage
- 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. The icon will switch from to .
- Click Pause when you want to navigate without recording anything. Hit Resume to continue recording.
Background
Writing Puppeteer scripts for scraping, testing and monitoring can be tricky. A recorder / code generator can be helpful, even if the code isn't perfect. This project builds on other projects (see disclaimer below) but add extensibility, configurability and a smoother UI.
Development
- Run:
git clone https://github.com/checkly/puppeteer-recorder.git
- Build the project:
cd puppeteer-recorder && npm i && npm run dev
- Navigate to chrome://extensions
- Make sure 'Developer mode' is checked
- Click Load unpacked extension...
- Browse to puppeteer-recorder/build and click Select
Credits & disclaimer
Puppeteer recorder is the spiritual successor & love child of segment.io's Daydream and ui recorder.
License
MIT
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK