Microsoft Edge에서 스크린샷을 찍는 방법

알아야 할 사항

• 점 3개로 된 메뉴 더보기를 선택합니다.> 추가 도구 > 개발자 도구 . 줄임표 아이콘> 명령 실행을 클릭합니다.> "스크린샷"을 입력합니다.
• 유형 선택:영역 스크린샷, 전체 크기 스크린샷, 노드 스크린샷 또는 스크린샷

이 문서에서는 개발자 도구에 숨겨진 유틸리티를 사용하여 Microsoft Edge에서 스크린샷을 찍는 방법을 설명합니다.

Edge에서 웹페이지의 스크린샷을 찍는 방법

모든 화면 캡처 소프트웨어가 스크롤 가능한 콘텐츠로 깔끔하게 작업하는 것은 아니기 때문에 브라우저 자체에서 웹 페이지의 전체 페이지 스크린샷을 찍는 기능은 매우 중요합니다. Edge의 개발자 도구를 사용하여 전체 페이지 화면 캡처 및 세 가지 다른 유형의 스크린샷을 수행할 수 있습니다.

브라우저는 컴퓨터의 기본 다운로드 폴더에 이미지 파일을 저장하거나 특정 위치를 묻는 메시지를 표시합니다.

1. F12 키를 누릅니다. 키 또는 Ctrl + Shift + I Windows의 키보드에서 개발자 도구 열기 마이크로소프트 엣지에서. macOS 사용자는 Command + Option + I 을 사용해야 합니다. 키보드 단축키. Edge 도구 모음에서 개발자 도구에 액세스할 수도 있습니다. 점 3개로 된 더보기를 선택합니다.> 추가 도구 > 개발자 도구 .

   

2. 개발자 도구 패널에서 오른쪽 상단의 점 3개 줄임표 아이콘을 선택하여 DevTools 사용자 지정 및 제어를 엽니다. .

   

3. 명령 실행 선택 (또는 Ctrl + Shift + P ) 세로 메뉴에서.

4. 실행 명령 패널에 "스크린샷"을 입력하여 네 가지 가능한 명령을 표시합니다. 이 네 가지 명령은 캡처하려는 웹 페이지 부분을 선택하는 데 도움이 됩니다.

   

5. 캡처 영역 스크린샷 선택 명령 목록에서 특정 영역의 스크린샷을 찍습니다. 십자형을 사용하여 왼쪽 클릭하고 스크린샷의 윤곽선을 그립니다. (진한 회색으로 변하는 것을 보여주기 위해 섹션을 강조 표시했지만 분명히 원하는 부분을 강조 표시하게 될 것입니다.)

   

6. 전체 크기 스크린샷 캡처 를 선택하십시오. 명령 목록에서 전체 크기 스크린샷을 찍습니다. 화면에 없는 스크롤 가능한 콘텐츠를 포함하여 전체 웹페이지를 캡처합니다.

7. 노드 스크린샷 캡처 선택 요소에서 개발 도구의 선택한 HTML 노드를 캡처하는 명령 목록에서 탭. 선택한 노드를 마우스 오른쪽 버튼으로 클릭하고 노드 스크린샷 캡처를 선택할 수도 있습니다. 예를 들어, "헤더 클래스"를 선택하고 웹페이지의 헤더를 캡처합니다.

   

8. 스크린샷 캡처를 선택합니다. 명령 목록에서 활성 보기의 스크린샷을 찍습니다. 이것은 브라우저 내부에서 볼 수 있는 영역으로 스크롤 가능하지만 보이지 않는 영역은 포함하지 않습니다.

도움말:

Chrome 및 Edge와 같은 Chromium 브라우저를 사용하면 다른 기기와 화면 해상도를 에뮬레이트할 수도 있습니다. 또한 이 속성과 스크린샷 명령을 ​​사용하여 특정 기기에서 웹페이지가 어떻게 보이는지 캡처할 수 있습니다.

기기 에뮬레이션 전환을 선택합니다. 개발자 도구 도구 모음에서(또는 Ctrl + Shift + M 누르기 ).