Puppeteer Recorder - 브라우저 동작을 퍼펫티어 스크립트로 녹화하기
(github.com)- 브라우저 동작 (마우스 클릭, 타이핑, 폼 입력 ) 등을 퍼펫티어 스크립트로 녹화해주는 크롬 확장
- 어떤 이벤트가 녹화되는지 화면에 표시해 줌
ㅤ→ waitForNavigation, setViewPort 등도 지원
ㅤ→ 스크린샷 ( 페이지 및 클립된 영역 ) 가능
- 녹화후 생성된 코드를 클립보드로 카피해서 바로 사용 가능
이 코드는 사이트&API 모니터링 도구인 Checkly 를 만드는 팀이 개발중인 오픈소스이고,
Puppeteer 팀이 직접 만드는 Recorder 프로젝트도 있습니다.
https://github.com/puppeteer/recorder
이 퍼펫티어 팀의 Recorder 는 크롬 확장을 쓰는게 아니라 Puppeteer 를 헤드리스 아닌 상태(non-headless)로 새로 띄워서 그 내용을 녹화 하는 방식 입니다.