DevTools 팁: DevTools를 여는 다양한 방법

Sofia Emelianova
Sofia Emelianova

Chrome DevTools를 여는 방법은 다양합니다. 마음에 드는 시계 페이스를 선택해 보세요.

마우스 오른쪽 버튼 클릭 > 검사

페이지의 요소를 마우스 오른쪽 버튼으로 클릭하고 검사를 선택합니다.

드롭다운 메뉴의 검사 옵션

도구 더보기 메뉴

점 3개로 된 메뉴입니다. > 도구 더보기 > 개발자 도구를 선택합니다.

도구 더보기 메뉴

단축어

키보드 사용자를 위한 간단한 요령은 다음과 같습니다.

OS 요소 콘솔 마지막 패널
Windows 또는 Linux Ctrl + Shift + C Ctrl + Shift + J F12
Ctrl + Shift + I
Mac Cmd + Option + C Cmd + Option + J Fn + F12
Cmd + Option + I

단축키를 외우는 쉬운 방법:

  • C는 CSS를 의미합니다.
  • J(자바스크립트의 경우).
  • 는 선택사항을 지정합니다.

새 탭을 만들 때마다 DevTools 자동 열기

Windows, Linux, MacOS에서 Chrome DevTools를 자동으로 여는 방법을 알아보려면 새 탭에서 DevTools 자동 열기를 참고하세요.

자세히 알아보기