Chrome DevTools를 여는 방법에는 여러 가지가 있습니다. 좋아하는 템플릿을 선택합니다.
마우스 오른쪽 버튼을 클릭하고 '검사'를 선택합니다.
페이지의 요소를 마우스 오른쪽 버튼으로 클릭하고 검사를 선택합니다.
기타 도구 메뉴
> 도구 더보기 > 개발자 도구를 선택합니다.
단축키
키보드 사용자라면 다음 단축키 요약본을 참고하세요.
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 자동 열기를 참고하세요.