Puppeteer Recorder - ブラウザ操作をPuppeteerスクリプトとして記録する

• ブラウザ操作（マウスクリック、タイピング、フォーム入力）などをPuppeteerスクリプトとして記録してくれるChrome拡張

• どのイベントが記録されるかを画面上に表示してくれる

→ waitForNavigation、setViewport などにも対応

→ スクリーンショット（ページ全体およびクリップ領域）も可能

• 記録後に生成されたコードをクリップボードにコピーしてすぐに利用可能

[xguru]

このコードは、サイト&API監視ツールである Checkly を作っているチームが開発中のオープンソースで、

Puppeteer チームが直接作っている Recorder プロジェクトもあります。

https://github.com/puppeteer/recorder

この Puppeteer チームの Recorder は、Chrome 拡張機能を使うのではなく、Puppeteer をヘッドレスではない状態（non-headless）で新しく起動して、その内容を録画する方式です。