[javascript] Chrome에서 JavaScript 디버거를 어떻게 시작합니까?

Chrome을 사용할 때 JavaScript 코드를 디버깅하고 싶습니다. 어떻게해야합니까?



답변

윈도우 : CTRLSHIFTJ또는 F12

맥 : J

공구 모양 메뉴 (도구> JavaScript 콘솔)를 통해서도 사용할 수 있습니다.

자바 스크립트 콘솔 메뉴


답변

이것을 소스에 추가하십시오.

debugger;

모든 브라우저가 아니라면 대부분 작동합니다. 코드의 어딘가에 배치하면 중단 점처럼 작동합니다.


답변

Windows 및 Linux :

Ctrl개발자 도구를 여는 + Shift+ I

Ctrl+ Shift+ J개발자 도구를 열고 콘솔에 집중하십시오.

Ctrl+ Shift+ C요소 검사 모드를 전환합니다.

맥:

개발자 도구를 여는 + + I

+ + J개발자 도구를 열고 콘솔에 집중하십시오.

+ + C요소 검사 모드를 전환합니다.

출처

다른 단축키


답변

F12Chrome 브라우저에서 기능 키를 눌러 JavaScript 디버거를 시작한 다음 “스크립트”를 클릭하십시오.

상단의 JavaScript 파일을 선택하고 JavaScript 코드의 디버거에 중단 점을 배치하십시오.


답변

Ctrl+ Shift+ J개발자 도구를 엽니 다.


답변

Mac의 Chrome 8.0.552에서는 메뉴 보기 / 개발자 / 자바 스크립트 콘솔 에서이 항목을 찾 거나 Alt+ CMD+를 사용할 수 있습니다 J.


답변

여기에서 개발자 도구에 액세스 할 수있는 바로 가기를 찾을 수 있습니다.

https://developer.chrome.com/devtools/docs/shortcuts