집 > 기사 > 웹 프론트엔드 > Chrome+JS는 중단점 디버깅을 구현합니다.

Chrome+JS는 중단점 디버깅을 구현합니다.

이번에는 중단점 디버깅을 구현하기 위해 Chrome+JS를 가져오겠습니다. Chrome+JS에서 중단점 디버깅을 구현하려면 어떤 주의사항이 있나요?

팁 2: 중단점 위치로 빠르게 점프

오른쪽의 Breakpoints는 JS 파일에서 발생한 모든 중단점을 요약합니다. 확인란과 동일한 줄을 클릭하면 중단점이 일시적으로 취소됩니다. 확인란의 다음 줄을 클릭하면 바로 이동됩니다. 중단점 위치

팁 3: 중단점의 내부 범위 보기 [매우 실용적]

오른쪽의 scope에서 이것이 가리키는 위치, 값이 있는지, 중단점이 개체인지 다른 것인지 등 많은 실용적인 정보를 볼 수 있습니다.

팁 4: 이벤트 중단점 듣기

오른쪽의 이벤트 리스너 중단점은 키보드 입력, 드래그 등과 같은 특정 유형의 동작 이벤트를 선택적으로 모니터링할 수 있습니다. . 동작 변경을 실행하려면 이전 확인란을 선택하세요. 그러면 실행된 JS

로 이동합니다. 팁 5: DOM 및 XHR 모니터링 점프

DOM Breakpoints: Elements 페이지입니다. DOM의 특정 섹션에 일부 동작이 있을 수 있지만 정확한 위치는 알 수 없습니다

. XHR Breakpoints: 서버에서 요청한 Ajax의 핵심 포인트

모든 XHR 동작은 기본적으로 확인되며 선택적 옵션은 URL을 결정하는 것입니다. . . 별로 안쓰는데

팁 6: 단일 단계 실행, 단일 단계 입력, 강제 입력, 단일 단계 종료

사실 이 내용은 디버깅에 필수적입니다. Firebug를 사용해 본 친구들은 이에 대해 분명히 알고 있을 것입니다. 기본적으로는 같습니다

기능명사는 순서대로입니다. 이해가 안 되시면 제 방화범 시리즈를 보시면 됩니다

스크립트 실행 일시 중지 [단일 단계 실행, 중단점에서 일시 중지, 디버깅 대기 - 문자 그대로의 번역이 아님]: 일시 중지한 후 이 버튼은 스크립트 실행 재개 [계속 실행], 단축키 [F8 또는 Ctrl +]
Step이 됩니다. 다음 함수 호출 [단일 단계 건너뛰기]: 다음 중단점으로 이동합니다. 단축키 [F10 또는 Ctrl + `]
다음 함수 호출로 들어갑니다. [단일 단계 입력]: 내부 디버깅으로 들어갑니다. 기능, 단축키 [ F11 또는 Ctrl + ;]
현재 기능에서 나가기 [한 단계 나가기]: 현재 중단점 기능에서 나가기, 단축키 [Shift + F11 또는 Ctrl + Shift + ;]

후자는 크롬의 특별한 기능입니다

중단점 비활성화: 모든 중단점을 일시적으로 무효화합니다. 단축키 [Ctrl + F8]
예외 시 일시 중지하지 마세요. 표현식에서 일시 중지하지 마세요. [적발된 예외 시 일시 중지 - 예외가 발생하는 경우 옵션도 있습니다. 여기서 잠시 멈춰야 합니다]

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!