Google 크롬에서 자바 스크립트 디버거를 어떻게 시작합니까?

소스에 추가해보세요.

debugger;

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

Windows 및 Linux :

Ctrl + Shift + I 키를 사용하여 개발자 도구 열기

Ctrl + Shift + J 개발자 도구를 열고 콘솔에 포커스를 가져옵니다.

Ctrl + Shift + C 요소 검사 모드를 토글합니다.

맥:

⌥ + ⌘ + I 키를 사용하여 개발자 도구 열기

⌥ + ⌘ + J 개발자 도구를 열고 콘솔에 포커스를 가져옵니다.

⌥ + ⌘ + C 요소 검사 모드를 토글합니다.

소스

기타 단축키

눌러 F12 기능 키를 사용하여 자바 스크립트 디버거를 실행 한 다음 '스크립트'를 클릭하십시오.

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

Ctrl + Shift + J 개발자 도구가 열립니다.

Mac의 Chrome 8.0.552에서는 메뉴 보기 / 개발자 / JavaScript 콘솔 ... 또는 사용할 수 있습니다. Alt+CMD+J.

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

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

Shift + Control + I 개발자 도구 창을 엽니 다. 왼쪽 하단의 두 번째 이미지 (다음과 같이 보임)에서 콘솔을 열고 숨길 수 있습니다.

전용 'Console'패널을 열려면 다음 중 하나를 수행하십시오.

• 단축키 를 사용하십시오.
  • Windows 및 Linux : Ctrl + Shift + J
  • Mac : Cmd + Option + J
• Chrome 메뉴 아이콘 메뉴 -> 을 선택하십시오. 더 많은 도구 -> JavaScript 콘솔 . 또는 Chrome 개발자 도구가 이미 열려 있으면 '콘솔'탭에서 press을 입력하십시오.

참조하십시오 여기

Mac 사용자의 경우 Google 크롬 -> 메뉴보기 -> 개발자 -> 자바 스크립트 콘솔 로 이동하십시오.

이제 Google 크롬은 새로운 기능을 소개합니다. 이 기능을 사용하여 크롬 브라우징에서 코드를 편집 할 수 있습니다. (코드 위치의 영구 변경)

그 경우 F12 -> 소스 탭 - (오른쪽) -> 파일 시스템 -을 눌러 코드 위치를 선택하십시오. 그런 다음 크롬 브라우저에서 권한을 요청한 후 해당 코드가 녹색으로 싱크가됩니다. 코드를 수정할 수 있으며 코드 위치도 반영됩니다 (영구 변경 예정).

감사

자바 스크립트 디버거를 얻는 가장 효율적인 방법은 다음과 같이 실행하는 것입니다.

chrome://inspect