정보실

웹학교

정보실

html 브라우저 상호 작용을 기록하고 Puppeteer 스크립트를 생성하는 Chrome 확장 프로그램

본문

Puppeteer 레코더는 브라우저 상호 작용을 기록하고 Puppeteer 스크립트를 생성하는 Chrome 확장 프로그램입니다.


https://github.com/checkly/puppeteer-recorder 


https://checklyhq.com/puppeteer-recorder


recorder.png 


Puppeteer 레코더는 브라우저 상호 작용을 기록하고 Puppeteer 스크립트를 생성하는 Chrome 확장 프로그램입니다. Chrome 웹 스토어에서 설치하십시오. 이 프로젝트는 매우 신선하지만 이미 다음을 수행합니다.

  • 클릭 및 유형 이벤트를 기록합니다.
  • waitForNavigation, setViewPort 및 기타 유용한 절을 추가하십시오.
  • Puppeteer 스크립트를 생성합니다.
  • 기록중인 이벤트를 표시합니다.
  • 클립 보드에 복사.
  • 구성 옵션을 제공합니다.
  • 요소 선택을 위한 데이터 ID 구성을 허용합니다.

참고 : 특정 이벤트 만 기록합니다. 이벤트가 있는 code-generator 폴더에서 dom-events-to-record.js를 참조하십시오. 이 컬렉션은 향후 릴리스에서 확장 될 예정입니다.


사용법 

  • 아이콘을 클릭하고 녹음을 누르십시오.
  • 입력 요소 입력을 마친 후 탭을 누르십시오.
  • 링크, 입력 및 기타 요소를 클릭하십시오.
  • 각 탐색에서 전체 페이지 로드를 기다립니다. 아이콘 icon_rec.png에서 icon_wait.png(으)로 전환됩니다.
  • 아무 것도 기록하지 않고 탐색하려면 일시 중지를 클릭하십시오. 녹음을 계속하려면 이력서를 누르십시오.

배경 


스크래핑, 테스트 및 모니터링을 위한 Puppeteer 스크립트 작성은 까다로울 수 있습니다. 코드가 완벽하지 않더라도 레코더 / 코드 생성기가 도움이 될 수 있습니다. 이 프로젝트는 다른 프로젝트를 기반으로 구축되지만 (아래 면책 사항 참조) 확장 성, 구성 가능성 및 보다 부드러운 UI가 추가됩니다.



페이지 정보

조회 61회 ]  작성일19-08-19 08:45

웹학교