[ GoFullPage ] 웹 페이지 스크롤 스크린 샷 캡쳐 방법

인터넷을 사용하다보면 스크롤 아래쪽도 스크린 샷으로 캡쳐 하고 싶을 때가 있습니다. 이때 간단하게 스크린샷을 도와주는 프로그램이 있습니다. 특히 구글 크롬 익스텐션에는 기본적으로 개발자 도구를 이용해서 스크린 샷을 찍을 수 있습니다만 오늘은 구글 크롬 확장 프로그램에서 스크롤 된 스크린 샷을 찍을 수 있는 도구인 GoFullPage 라는 프로그램을 사용해 보겠습니다. 다음 링크는 구글 개발자 도구 사용자 가이드입니다.

 

다음 링크로 이동해서 [ 프로그램을 설치 다운로드 ] (다운로드 링크) 받습니다.

GoFullPage - Full Page Screen Capture

---

 

▼ 1. Chrome에 추가 버튼을 눌러서 크롬 브라우저에 스크롤 스크린 샷 [ 프로그램을 설치 ] 합니다.

1. Chrome 웹 스토어 확장 프로그램 (GoFullPage)

---

 

▼ 2. 추가하시겠습니까? 라는 팝업이 나오면 [ 확장 프로그램 추가 ] 버튼을 눌러 승인합니다.

2. 확장 프로그램 추가 확인

---

 

▼ 3. 우측 상단에 구글 [ 크롬 익스텐션 버튼 ] 을 눌러서 설정 메뉴로 이동합니다.

3. 구글 크롬 확장프로그램 설정

---

 

▼ 4. 방금 설치한 카메라 모양의 크롬 익스텐션이 설치 된 것을 보실 수 있습니다. [ 고정 버튼 ] 을 눌러서 앱을 툴바에 노출 시킵니다. 아직 액서스가 요청되지 않았으나 나중에 이미지 저장때 권한 승인을 해주면 됩니다.

4. 구글 크롬 확장프로그램 고정

---

 

▼ 5. 이제 웹 페이지의 스크롤 스크린 샷을 찍을겁니다. 캡쳐할 웹 사이트로 이동해서 [ 툴바의 카메라 버튼 ] 을 눌러줍니다. 그럼 팩맨 그림의 로딩화면이 나오고 금방 이미지 캡쳐가 완료됩니다.

5. 웹 페이지 스크롤 스크린 샷

---

 

▼ 6. 스크린 샷이 완료되면 전체 스크롤된 웹사이트 화면을 볼 수 있습니다. [ PDF 다운로드 ] 버튼 또는 [ 이미지 다운로드 ] 버튼을 눌러서 저장합니다.

6. 사진 저장 (PDF, PNG)

---

 

▼ 7. 구글 크롬 확장 프로그램에서는 액서스 승인을 해야지 로컬의 자원에 접근할 수 있습니다. 다운로드 관리에 대한 [ 액서스를 허용 ] 해줍니다.

8. 파일 저장 권한 승인

---

이제 웹 페이지 전체 스크롤된 화면이 다운로드 된 것을 볼 수 잇습니다.

만약 별도의 설치를 원치 않는 다면 개발자 도구를 사용해 보는 것도 괜찮습니다.

 

단축키 참조  |  Chrome DevTools  |  Google Developers