[HTML] 크롬 개발자 도구(Chrome Developer Tools; DevTools)
작성자 : k2k
(2024-09-27)
조회수 : 1748
▪ Chrome Developer Tools 열기
Chrome에서 Console이 제대로 작동하지 않는다면,
Edge에서 Console을 실행시킨다.
미니 콘솔 열기:
Esc 키를 누르면, DevTools 하단에 작은 콘솔 창이 열립니다. 이렇게 하면 Sources 탭과 Console을 동시에 볼 수 있다.
또는, DevTools 창 하단에 있는 Console 버튼을 눌러 미니 콘솔 창을 열 수도 있다.
▪ Chrome Developer Tools 열기
Windows 또는 Linux: F12 키를 누르거나 Ctrl + Shift + I를 눌러 개발자 도구를 연다.
또는 페이지에서 마우스 오른쪽 버튼을 클릭하고 검사(Inspect)를 선택한다.
[YouTube] 아는 만큼 보이는 크롬 개발자 도구 - 디버깅(Debugging)
| 프론트엔드 개발자라면 알아야 할 크롬 개발자 도구를 함께 배워봅시다. |
[LINK] DevTools
| Chrome DevTools는 Chrome 브라우저에 직접 내장된 웹 개발자 도구 모음입니다. DevTools를 사용하면 즉시 페이지를 수정하고 문제를 진단할 수 있으므로 더 나은 웹사이트를 더 빠르게 빌드할 수 있습니다. |