크롬 전체 페이지 스크린샷(개발자도구)

기기 모드의 옵션 더보기

같은 캡처는 기기 툴바 메뉴에도 있어요.

1. 개발자도구를 열어요.
2. 상단 작업 모음에서 기기 툴바 전환을 클릭해요.
3. 옵션 더보기를 열어요.
4. 전체 크기 스크린샷 캡처를 골라요.

같은 메뉴의 스크린샷 캡처는 뷰포트에 보이는 부분만 찍어요. 특정 휴대기기 크기를 흉내 낸 뒤 기기 테두리를 넣으려면, 먼저 기기 프레임 표시를 고르고 그다음 스크린샷 캡처를 클릭하면 돼요. 문서 기준으로는 이 순서가 보이는 화면 캡처에 프레임을 넣어요.

영역과 한 요소

페이지 일부만 필요하면 명령어 메뉴의 영역 스크린샷을 쓰면 돼요. 문서에서는 이 캡처를 자르기 도구에 비유해요.

1. 명령어 메뉴를 열어요.
2. 스크린샷을 입력해요.
3. 영역 스크린샷 캡처를 골라요.
4. 드래그해서 페이지에서 캡처할 부분을 골라요.

DevTools가 창에서 도킹 해제된 경우 영역 캡처는 작동하지 않아요.

한 요소만 찍을 때는 요소 패널에서 그 요소를 마우스 오른쪽 버튼으로 클릭하고 노드 스크린샷 캡처를 선택하면 돼요. Chrome 89부터는 표시 영역 밖에 있는 내용까지 포함한 노드를 찍을 수 있어요. 전체 페이지 스크린샷도 정확해졌다고 출시 노트에 나와 있어요.

DevTools 안내의 캡처는 요소 패널의 노드, 화면보다 큰 노드, 휴대기기 화면과 기기 프레임, 전체 페이지, 페이지의 영역이에요.

받은 파일은 이미지예요. PDF를 Chrome에서 열어 형광펜이나 서명을 넣는 방법은 크롬 PDF 뷰어에 있어요.