Playwright

Playwright의 정의, 여러 브라우저에서 스크린샷을 캡처하는 방법, 자동화 면에서 Puppeteer와 비교한 차이를 설명합니다.

Playwright는 Microsoft가 관리하는 오픈 소스 브라우저 자동화 라이브러리입니다. 하나의 API로 Chromium, Firefox, WebKit을 제어하며, JavaScript와 TypeScript, Python, Java, .NET용 공식 바인딩을 제공합니다. 스크립트는 페이지를 열고, 클릭하고, 입력하고, 네트워크 활동을 기다리고, DOM을 읽습니다. 보통 창이 보이지 않는 헤드리스 브라우저에서 실행됩니다.

Playwright에는 Playwright Test라는 테스트 러너가 포함되어 있습니다. 병렬 테스트 실행, 재시도, 트레이스, 스크린샷 검증을 제공합니다. 많은 팀이 이를 엔드투엔드 테스트에 사용하고, 빌드나 배포 파이프라인의 일부로 스크린샷을 생성하는 데도 사용합니다.

Playwright로 할 수 있는 작업

같은 스크립트로 Chromium, Firefox, WebKit에서 페이지 열기
기기 에뮬레이션: 뷰포트 크기, 기기 배율, 터치, 로케일, 시간대, 색 구성표
양식 입력, 요소 클릭, 선택자, 네트워크 요청, 페이지 로드 상태 대기
네트워크 요청 가로채기 또는 모킹
테스트 실행마다 트레이스, 동영상, 스크린샷 기록

스크린샷을 위한 Playwright

page.screenshot()은 현재 뷰포트를 PNG 또는 JPEG로 저장합니다. fullPage 옵션은 스크롤 가능한 페이지 전체를 캡처하고, clip은 사각형 영역을 캡처합니다. locator.screenshot()은 요소 하나를 캡처합니다. 브라우저 컨텍스트의 deviceScaleFactor가 결과를 1배 해상도로 만들지 2배 해상도로 만들지 결정합니다.

Playwright Test의 toHaveScreenshot()은 새 이미지를 저장된 기준 이미지와 비교합니다. 픽셀 차이가 임계값을 넘으면 테스트가 실패합니다. 시각적 회귀 테스트의 일반적인 기반입니다.

Playwright와 Puppeteer 비교

두 라이브러리 모두 코드로 브라우저를 자동화하며, 스크린샷과 PDF를 캡처할 수 있습니다. Playwright는 Chromium, Firefox, WebKit을 지원하고 네 가지 언어 생태계용 바인딩을 제공합니다. Puppeteer는 Chrome에 중점을 둔 Node.js 라이브러리이며, Firefox 지원은 나중에 추가되었습니다. Playwright에는 완전한 테스트 러너가 포함되어 있지만, Puppeteer는 보통 Jest 같은 별도 러너와 함께 사용합니다. 선택 기준은 언어, 브라우저 범위, 팀이 이미 쓰는 도구인 경우가 많습니다.

자주 하는 실수

웹 폰트, 이미지, 지연 로딩 콘텐츠가 끝나기 전에 캡처함.
쿠키 배너나 채팅 위젯을 화면에 남김.
글꼴 렌더링이 다른 운영체제에서 찍은 기준 이미지와 비교함.
기본 뷰포트가 일반적인 데스크톱 너비가 아니라 작은 크기라는 점을 잊음.

같은 스크린샷을 반복해서 찍고 있나요?

Temposhot Website Capture는 스크립트 없이 URL 목록을 Desktop 1920×1080, Tablet 768×1024, Mobile 390×844 크기로 캡처합니다. 자세한 내용은 웹사이트 스크린샷 자동화를 참고하십시오.

자주 묻는 질문

Playwright는 무료인가요?

네. Playwright는 Apache 2.0 라이선스의 오픈 소스입니다.

Playwright로 웹 페이지 전체를 캡처할 수 있나요?

네. page.screenshot()에 fullPage: true를 전달합니다. 지연 로딩을 사용하는 페이지는 모든 이미지가 로드되도록 먼저 스크롤해야 할 수 있습니다.

Playwright에 보이는 브라우저가 필요한가요?

아닙니다. 기본적으로 헤드리스로 실행되며, 디버깅할 때는 창을 띄워 실행할 수도 있습니다.

출처

같은 스크린샷을 반복해서 찍고 계십니까?

Temposhot은 타이머에 맞춰 화면, 창 또는 영역을 캡처하고 결과를 PDF, 이미지, ZIP 또는 MP4로 내보냅니다. 무료 브라우저 도구는 단일 이미지만 다룹니다.

Mac용 다운로드 기능 보기