브라우저를 사용하여 JS 코드를 디버깅하는 방법

브라우저에서 JS 코드를 디버깅하는 방법: 1. Chrome 브라우저를 열고 실행할 Chrome을 직접 선택합니다. 2. 페이지에 들어가서 F12 또는 "Ctrl+Shift+I" 단축키를 클릭합니다. 3. "소스"를 선택합니다. 코드 디버깅을 위해 중단점을 설정하면 됩니다.

이 문서의 운영 환경: Windows 7 시스템, Dell G3 컴퓨터, javascript1.8.5&&Chrome76.0.

프로그램을 작성하는 과정에서 우리는 종종 이런 저런 문제에 직면하게 됩니다. 이때 어디서 오류가 발생하는지 확인하기 위해 디버깅을 해야 합니다. 하지만 JavaScript에서는 항상 이렇게 디버깅을 한다면 매우 곤란할 것입니다. 불편한. 이때 각 브라우저에 포함된 디버깅 도구가 유용합니다

Chrome 브라우저

1. Chrome 브라우저를 열고 Chrome을 직접 선택하여 실행하면 다른 브라우저와 동일한 작업

2. 페이지에 들어간 후 F12 또는 Ctrl+Shift+I를 클릭하고 인터페이스를 마우스 오른쪽 버튼으로 클릭하고 "검사"를 선택할 수도 있습니다. 이때 다음 인터페이스가 표시됩니다.

3. 다음과 같이 "소스"를 선택합니다.

앞의 숫자를 클릭하면 파란색 상자가 표시됩니다. . 이것은 Chrome의 코드 디버깅입니다.

Firefox 브라우저

먼저 Chrome의 첫 번째 단계를 따르세요.
그런 다음 페이지에 들어간 후 F12를 클릭하거나 인터페이스를 마우스 오른쪽 버튼으로 클릭하고 "요소 보기"를 선택하세요. 다음 인터페이스가 나타납니다.

디버거를 선택한 다음 디버깅해야 하는 파일을 찾고 디버그 파일에서 디버깅해야 하는 콘텐츠를 다음과 같이 찾을 수 있습니다.

요약: 이것이 이 기사의 전부입니다. 기사의 전체 내용입니다. JavaScript 코드 디버깅을 배우는 모든 사람에게 도움이 되기를 바랍니다

[추천 과정: JavaScript Tutorial]

위 내용은 브라우저를 사용하여 JS 코드를 디버깅하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!