스크린샷 캡처

스크린샷은 두 가지 방법으로 잡을 수 있습니다. 화면 영역을 직접 드래그하는 범위 캡처와, 요소 하나를 클릭하면 그 요소만 잘라 주는 요소 캡처입니다. 어느 쪽이든 이후 흐름(주석 → 이슈 작성)은 똑같으니 편한 쪽으로 시작하시면 됩니다.

범위 캡처

영역 드래그 선택

디버그 탭에서 범위 캡처를 누릅니다.

캡처할 영역을 마우스로 드래그해 선택합니다. 페이지 전체가 아니라 버그가 보이는 부분만 쏙 잘라낼 수 있어서, 받는 분이 어디를 봐야 할지 바로 알 수 있습니다.

요소 캡처

요소 캡처 선택

디버그 탭에서 요소 캡처를 누르면 페이지 위에 십자선이 뜹니다. 캡처하고 싶은 요소에 마우스를 올리면 강조되고, 클릭하면 그 요소 영역만 깔끔하게 잘라 스크린샷으로 담아 줍니다. 버튼·카드처럼 경계가 또렷한 요소는 직접 드래그하는 것보다 빠르고 정확합니다.

요소 캡처는 스타일을 바꾸지 않습니다. 요소를 골라 before/after로 스타일을 비교하려면 요소 선택 & 스타일링을 이용하세요.

덤으로, 캡처한 요소의 DOM selector가 이슈의 재현 환경에 DOM 줄로 함께 기록됩니다. 받는 분이 화면 속 어떤 요소였는지 바로 알 수 있어요.

산출

선택한 영역(또는 요소)이 현재 보이는 그대로 이미지로 캡처됩니다(뷰포트 기준). 캡처가 끝나면 자연스럽게 주석 단계로 넘어갑니다.

주석을 그리는 방법은 어노테이션에서 이어집니다.