JavaScript디버깅

이 디버거없이 자바 스크립트 코드를 작성 길을 잃기 쉽습니다.

자바 스크립트 디버깅

이는 디버거없이 자바 스크립트 코드를 작성하는 것이 곤란하다.

코드는 진단하기 어려운 구문 오류 또는 논리적 오류를 포함 할 수 있습니다.

자바 스크립트 코드에 오류가있을 때 종종 아무 일도 일어나지 않습니다. 이 오류 메시지가 없습니다, 당신은 어디에서 오류를 검색하는 방법에는 표시를 얻을 수 없습니다.

자바 스크립트 디버거

프로그래밍 코드에서 오류를 검색하면 코드 디버깅이라고합니다.

디버깅은 쉬운 일이 아니다. 그러나 다행히도, 모든 최신 브라우저가 내장 된 디버거를 가지고있다.

내장 디버거는 사용자에게보고하는 오류를 강제로 켜거나 끌 수 있습니다.

코드가 실행되는 동안 디버거와 함께, 당신은 또한 변수를 중단 점 (코드 실행이 중지 될 수있는 장소)를 설정하고 검사 할 수 있습니다.

일반적으로, 그렇지 않으면, 당신은 F12 키와 브라우저에서 디버깅을 활성화 페이지의 맨 아래에있는 단계를 수행하고 디버거 메뉴에서 "콘솔"을 선택합니다.

console.log() 메소드

브라우저가 디버깅을 지원하는 경우 사용할 수 있습니다 console.log() 디버거 창에서 자바 스크립트 값을 표시 :

중단 점 설정

디버거 창에서, 당신은 자바 스크립트 코드에서 중단 점을 설정할 수 있습니다.

각 브레이크 포인트에서 자바 스크립트 실행이 중지, 당신은 자바 스크립트 값을 검사하게됩니다.

값을 검사 한 후에는 (일반적으로 재생 버튼) 코드의 실행을 재개 할 수 있습니다.

디버거 키워드

디버거 키워드는 자바 스크립트의 실행 및 전화 (사용 가능한 경우) 디버깅 기능을 중지합니다.

이는 디버거에 브레이크 포인트를 설정하는 것과 같은 기능을 갖는다.

어떤 디버깅을 사용할 수없는 경우, 디버거 문은 효과가 없다.

디버거가 켜져있는이 코드는 세 번째 줄을 실행하기 전에 실행이 중지됩니다.

주요 브라우저 '디버깅 도구

일반적으로, 당신은 F12와 브라우저에서 디버깅을 활성화하고 디버거 메뉴에서 "콘솔"을 선택합니다.

그렇지 않으면 다음 단계를 수행하십시오 :

Chrome

• 브라우저를 엽니 다.
• 메뉴에서 도구를 선택합니다.
• 도구에서 개발자 도구를 선택합니다.
• 마지막으로, 콘솔을 선택합니다.

Firefox Firebug

• 브라우저를 엽니 다.
• 웹 페이지로 이동
  http://www.getfirebug.com
• 방법에 대한 지침을 따르십시오 :
  파이어 버그 설치

Internet Explorer

• 브라우저를 엽니 다.
• 메뉴에서 도구를 선택합니다.
• 도구에서 개발자 도구를 선택합니다.
• 마지막으로, 콘솔을 선택합니다.

Opera

• 브라우저를 엽니 다.
• 웹 페이지로 이동
  http://dev.opera.com
• 방법에 대한 지침을 따르십시오 :
  도구 모음에 개발자 콘솔의 버튼을 추가합니다.

Safari Firebug

• 브라우저를 엽니 다.
• 웹 페이지로 이동
  http://extensions.apple.com
• 방법에 대한 지침을 따르십시오 :
  파이어 버그 라이트를 설치합니다.

Safari Develop Menu

• 주 메뉴에서 사파리, 환경 설정, 고급으로 이동합니다.
• 확인 "메뉴 표시 줄에서 메뉴를 개발 표시 사용".
• 때 새로운 옵션 "개발"이 메뉴에 나타납니다 :
  "연락처보기 오류 콘솔"을 선택합니다.

당신은 알고 계십니까?