google-chrome-devtoolsgoogle-chrome-devtools 시작하기


비고

이 섹션에서는 google-chrome-devtools의 개요와 개발자가 사용하려는 이유에 대해 간략히 설명합니다.

또한 google-chrome-devtools 내의 큰 주제를 언급하고 관련 주제와 연결됩니다. google-chrome-devtools의 설명서가 새롭기 때문에 이러한 관련 항목의 초기 버전을 만들어야 할 수도 있습니다.

Chrome 개발 도구 액세스

Chrome 브라우저는 환영 탭을 제외한 모든 탭에 열려 있지만 Chrome Dev Tools를 열려면 다음 세 가지 옵션이 있습니다.

키보드 : 명령 입력 + option + i

브라우저 메뉴 : '메뉴'> '추가 도구'> '개발자 도구'를 클릭하십시오.

크롬 개발자 도구에 대한 브라우저 메뉴

프로그램 메뉴 ( 화면 상단 ) : '보기'> '개발자'> '개발자 도구'를 클릭하십시오.

chrome dev tools에 대한 프로그램 메뉴

멤버 이동 (javaScript 함수 / CSS 규칙)

파일을 볼 때 Ctrl + Shift + O (Mac의 경우 + Shift + O )를 사용하여 javaScript 함수 / CSS 규칙을 탐색하십시오.

파일 이름으로 검색

소스 탭에서 CTRL + O (Mac의 경우 + O )를 사용하여 파일 이름별로 검색하십시오.