브라우저 활용

[웹 브라우저 활용] 웹 페이지 캡처 방법

조드래곤나인 2024. 1. 11. 16:23

 

웹 브라우저에서 웹 페이지 캡처 기능이 있다는 것을 알고 있으셨나요?

이 글에서는 Edge 브라우저를 기준으로 알아보겠습니다.

 

Edge 브라우저는 Chrome 브라우저와 같은 플랫폼을 사용하기 때문에

Chrome 브라우저도 같은 기능을 제공합니다.

 

웹 페이지 캡처 기능 위치

웹 페이지 캡처 기능은 개발자 도구에서 확인할 수 있습니다.

우선 아래와 같이 개발자 도구를 실행하고

 

개발자 도구에서 실행 명령을 실행합니다.

 

실행 명령창에서 스크린샷을 검색하면 웹 페이지 캡처 기능을 볼 수 있습니다.

 

[개발자용] 노드 스크린샷 캡처

[노드 스크린샷 캡처]는 웹 페이지의 HTML 코드를 선택해서 캡처하는 기능입니다.

 

 

노드를 선택해서 캡처하면 다음과 같이 다운로드됩니다.

 

스크린샷 캡처

[스크린샷 캡처]는 현재 보고 있는 웹 페이지를 캡처하는 기능입니다.

 

영역 스크린샷 캡처

[영역 스크린샷 캡처]는 일부 웹 페이지 캡처를 하고 싶을 때 사용하는 기능입니다.

[영역 스크린샷 캡처] 선택 후 영역을 선택할 수 있고, 선택된 영역만 캡처돼서 다운로드됩니다.

전체 크기 스크린샷 캡처

[전체 크기 스크린샷 캡처]는 접속한 웹 페이지의 전체를 캡처하는 기능입니다.

현재 화면에서 보이지 않는 맨 끝까지 캡처돼서 다운로드됩니다.

 

마치며

업무를 하다 보면 가끔 필요할 때가 있는 데, 도움이 되셨으면 좋겠습니다!

Edge 브라우저에 다른 기능에 관심 있으시다면 아래 링크 추천드립니다.

 

 

[Copilot | Microsoft Bing] GPT-4 무료로 사용하기

ChatGPT에서 유료로 사용 중인 웹 페이지 기반 글 요약, 이미지 생성 등을 Microsoft Bing에서는 무료로 제공 중인 것을 알고 있으셨나요? 이미지 생성을 예제로 사용하는 방법을 정리해봤습니다. Micros

the-next-web-research-lab.tistory.com

 

 

[Copilot | Microsoft Edge] 웹 페이지 요약 툴

일과 중에 피로가 쌓인 상태에서 자료를 찾는 데, 웹 페이지에 정보가 많을 경우 페이지 요약으로 쉽게 보고 싶을 때가 있습니다. Microsoft Edge 브라우저에서 Copilot 기능을 사용하면 웹 페이지 요

the-next-web-research-lab.tistory.com


 

 

[웹 브라우저 활용] 웹 페이지 캡처 방법

웹 브라우저에서 웹 페이지 캡처 기능이 있다는 것을 알고 있으셨나요? 이 글에서는 Edge 브라우저를 기준...

blog.naver.com

 

728x90