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

Sofia Emelianova
Sofia Emelianova
GitHub

Chrome DevTools를 여는 방법에는 여러 가지가 있습니다. 좋아하는 템플릿을 선택합니다.

마우스 오른쪽 버튼을 클릭하고 '검사'를 선택합니다.

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

드롭다운 메뉴의 Inspect 옵션

기타 도구 메뉴

점 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를 나타냅니다.
  • JavaScript의 경우 J
  • I는 선택을 나타냅니다.

모든 새 탭에서 DevTools 자동 열기

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

자세히 알아보기