자바 스크립트를 디버깅하는 권한 방법은 무엇입니까?

Question

자바 스크립트 파일에 test()이라는 함수를 만들었습니다. 간단한 경고가 표시되었습니다.

html 파일에서 버튼 클릭시 메서드라고합니다. 그러나 그것은 호출되지 않았습니다.

문제가 11 번째 기능에 있었지만 아무 관련이 없습니다. !!!! 하지만, 어떻게 그의 첫 번째 자바 스크립트 함수를 만드는 사람이 그것을 찾을 가정합니까 ???

나는 자바 스크립트를 디버깅하는 최선의 방법을 찾고있다.

Answer 1

많은 최신 브라우저를 사용하여 자바 스크립트를 디버깅 할 수 있습니다. 이 프로덕션 버전으로 다른 결과를 제공 할 수 있습니다, 당신은에 일시 정지의 원인으로 인해 alert()에 디버깅 alert()를 사용하지 말아야 또한

How do you launch the JavaScript debugger in Google Chrome?

: 구글 크롬에서 디버깅하는 방법에 대한 자세한 내용은이 질문을 참조 스크립트.

console.log()을 사용하고 브라우저 콘솔에서 출력을 보는 것이 가장 좋습니다.

자바 스크립트 코드에 debugger을 입력하여 중단 점을 강제 설정할 수도 있습니다. 그러나 배포 전에이 스크립트를 제거하는 것을 잊어 버려서 스크립트가 일시 중지 될 수 있으므로 사용하지 않는 것이 좋습니다. 매우 당황 스러울 수 있습니다!

Answer 2

브라우저에서 제공하는 디버그 콘솔을 사용해야합니다.

크롬은 붙박이 눌러 CTRL + SHIFT + J 있습니다. Firefox에서 Firebug 플러그인을 설치하십시오.

코드에 alert()을 추가하여 흐름을 표시하고 변수 값을 가져옵니다.

또한 console.log()을 사용하면 디버그 콘솔에만 출력됩니다.

Answer 3

브라우저 선택에 따라 디버깅 옵션이 있습니다. 파이어 폭스를 사용하는 경향이 있으므로 제 경우에는 파이어 버그를 사용하는 경향이 있습니다. What is console.log and how do I use it?

작업중인 프로젝트가 이미 디버깅 메커니즘을 채택하지 않은 한 console.log()은 문제를 추적 할 때 간단하고 유용한 옵션이되는 경향이 있습니다. 이 호출되고있는 함수를보고 당신의 거친 아이디어를 줄 수있게된다

var myFunc = function(el) { 
    console.log('Inside myFunc'); 

    // Existing code 
}; 

: 함수 입력과 같이 할 때 줄을 로그 아웃 접근 방식을 취할 수 디버깅 하다니

실행 명령.

또한 변수의 내용을 표시 console.log()을 사용할 수 있습니다 - 그것은 가능성이 생산에 몇 가지 문제가 원인이됩니다 console.log(el);

이 작업이 완료되면 비활성화/console.log() 호출을 제거 염두해야합니다.

Answer 4

질문에서 귀하의 질문에 대답하기 위해,

어떻게 사람이 그를 찾아 가정 그의 첫 번째 자바 스크립트 함수를 만들 수 있습니다 ???

글쎄, JavaScript에서 문제가 발생하면 예를 들어, 구문 오류가 발생했습니다. 스크립트가 작동을 멈 춥니 다. 그러나 이로 인해 HTML이 렌더링되지 않게되므로 일 수도 있고 일 수 있습니다. 특히 JS가 페이지의 모양을 변경하지 않는 경우 특히 그렇습니다.하지만 JS의 모든 기능은 작동하지 않습니다.

우리는 무엇이 잘못되었는지를보기 위해 디버그 도구 (여기 다른 답변에 나열되어 있음)를 사용하며, 이와 같은 경우 어떤 기능에 오류가 있는지 알아보고 전체 스크립트가 중단되도록합니다. 이것은 아마도 당신의 연장자들에게도 몇 분의 시간을 줄여 줄 것입니다.

최상의 방법은 자주 테스트하여 오류가 발생할 때마다 바로 해결할 수 있도록하는 것입니다.