웹 브라우저에서 웹 페이지 캡처 기능이 있다는 것을 알고 있으셨나요?
이 글에서는 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
'브라우저 활용' 카테고리의 다른 글
[개발자도구] 네트워크 필터 의미 | js css fetch xhr ws (0) | 2024.01.17 |
---|---|
[개발자도구] 네트워크 디버깅 (0) | 2024.01.17 |
[Copilot | Microsoft Bing] GPT-4 무료로 사용하기 (1) | 2024.01.10 |
[Copilot | Microsoft Edge] 웹 페이지 요약 툴 (0) | 2024.01.10 |
브라우저 캐시 삭제 간단 정리 (0) | 2024.01.09 |