기본적으로 Chrome 또는 Firefox 브라우저에서 스크린샷 캡처 또는 찍기

Firefox 는 (Firefox)Windows PC 용으로 널리 사용되는 브라우저입니다 . Firefox 및 Chrome 의 개발자 도구 모음(Developer Toolbar) 을 사용하면 브라우저 추가 기능이나 타사 화면 캡처 소프트웨어(screen capture software) 를 사용하지 않고도 브라우저 창의 스크린샷을 찍을 수 있습니다 . 이 튜토리얼에서는 타사 소프트웨어를 사용하거나 설치하지 않고 기본적으로 Chrome 또는 Firefox 브라우저에서 스크린샷을 캡처 하는 방법을 보여줍니다.(capture screenshots in Chrome or Firefox browser)

물론 Windows에서 데스크톱 스크린샷을 캡처 하려면 (capturing Desktop screenshots on Windows)Print Screen 키나 Prnt Scrn 키 를 눌러야 한다는 것을 알고 있습니다. 키보드의 오른쪽 상단에서 찾을 수 있습니다. 활성 창만 캡처하려면 Alt 키를 누른 상태에서 Print Screen 키를 누르십시오. 기본 제공 개발자 도구(Developer Tools) 를 사용하여 수행하는 방법을 살펴보겠습니다 .

Chrome 브라우저 에서 스크린샷(Screenshots) 캡처

화면 캡처는 온라인에서 흥미로운 튜토리얼을 접하고 나중에 참조할 수 있도록 웹 페이지 사본을 스크린샷으로 컴퓨터에 저장하려는 경우에 매우 유용할 수 있습니다. 동일한 작업을 수행하려면 아래 게시물에 설명된 단계를 따라 Chrome(Google Chrome) 에서 웹페이지의 전체 페이지 스크린샷을 찍는 데 도움이 됩니다.

먼저 Chrome(Google Chrome) 을 실행 하고 화면을 캡처하려는 웹 페이지로 이동합니다.

그런 다음 컴퓨터 화면의 오른쪽 상단에 있는 브라우저의 햄버거 아이콘을 클릭합니다.

그런 다음 작업 메뉴가 확장되면 ' 추가 도구(More tools) '를 선택하고 나중에 ' 개발자 도구(Developer tools) ' 옵션을 선택합니다.

Chrome 브라우저에서 스크린샷 캡처

그런 다음 개발자 도구(Developer Tools) 에 대한 작은 창이 나타납니다. 아래 이미지와 같이 Toggle Device Mode 버튼을 (Toggle Device Mode)클릭(Click) 하여 옵션을 활성화합니다. 활성화되면 버튼이 파란색으로 바뀝니다.

토글 스위치

여기에서 개발자 도구(Developer Tools) 창을 최소화하고 배경 화면에서 스크린샷을 설정합니다. 또한 장치 드롭다운 메뉴에서 스크린샷에 적합한 장치 유형을 선택합니다.

필요한 경우 스크린샷의 크기와 방향을 구성합니다.

완료되면 맨 오른쪽 모서리에 있는 점 3개 아이콘을 클릭하고 표시된 옵션 목록에서 ' 스크린샷 캡처(Capture screenshot) '로 표시된 것을 선택합니다.

캡처 스크린샷

That’s it!

Firefox 브라우저에서 스크린샷 찍기

팁(TIP) : 이제 Firefox 스크린샷(enable the Firefox Screenshots) 기능을 활성화할 수 있습니다.

Mozilla Firefox 브라우저를 열고 화면을 캡처하려는 웹 페이지로 이동합니다. 여기에서 오른쪽 상단에 있는 추가 작업 아이콘을 클릭합니다.(More Actions)

개발자 타일(Developer Tile) 을 선택합니다 . 웹 개발자 도구가 열립니다. 또는 ' Ctrl+Shift+I '를 눌러 개발자 도구를 시작할 수 있습니다.

Firefox 브라우저에서 스크린샷 찍기

다음으로 표시된 옵션 목록에서 ' 반응형 디자인 모드(Responsive Design Mode) ' 로 표시된 옵션을 선택합니다 .

Chrome 또는 Firefox에서 스크린샷 찍기

여기에서 필요한 경우 올바른 옵션 세트를 구성하여 스크린샷의 크기와 방향을 설정할 수 있습니다. 모든 것이 제자리에 있으면 카메라(Camera) 버튼을 눌러 화면을 잡습니다.

캡처 화면

마지막으로 캡처한 스크린샷을 컴퓨터의 원하는 위치에 저장합니다.

스크린샷 은 다양한 웹 브라우저 및 시스템에서 브라우저 호환성을 철저히 검사하기 위해 브라우저 스크린샷을 찍는 웹(Web) 디자이너에게 매우 유용할 수 있습니다 . 목적이 무엇이든 간에 이러한 개발자 도구를 사용하여 기본적으로 스크린샷을 찍기 위해 항상 Chrome 또는 Firefox 브라우저 에 의존할 수 있습니다.

다음 읽기(Read next) : 원격으로 웹사이트의 스크린샷을 찍는 방법(How to take screenshots of a website remotely) .



여진 민

About the author

저는 Windows 11 및 10을 모두 사용한 경험이 있는 웹 개발자입니다. 또한 수년간 Firefox 사용자였으며 완전히 새로운 Xbox One 게임 콘솔 사용에 능숙해졌습니다. 저의 주요 관심사는 소프트웨어 개발, 특히 웹 및 모바일 개발, 데이터 과학에 있습니다. 저는 다양한 컴퓨터 시스템과 그 사용법에 대해 잘 알고 있기 때문에 여러분이 사용할 수 있는 다양한 프로그램이나 서비스에 대해 편견 없는 피드백을 제공할 수 있습니다.


Related posts