Javascript 코드 또는 함수를 디버깅하는 방법은 무엇입니까?

Question

자바 스크립트 코드가 있습니다.
오류를 추적하고 디버깅하고 싶습니다.
어떻게해야합니까?

Answer 1

이전에는 자바 스크립트의 디버깅이 매우 제한적이었습니다. 변수 상태를 나타내거나 정보를 웹 페이지에 인쇄하기 위해 경고를 게시 할 수 있습니다. 구문 오류가 발생하면 모든 코드가 실행되지 않습니다 (즉, 오류가 발생하기 전에 경고를 보내야 해당 위치를 알 수 있습니다).

다행히도 브라우저가 따라 잡았습니다. Firebug은 매우 유용하며, 둘 다 중단 점, 표현식 평가 및 브라우저 내 디버깅을위한 일련의 유용한 도구를 모두 사용하는 Chrome's developer tools입니다. 나는 당신이 이것들을 들여다 볼 것을 제안 할 것이다. 나는 또한 인터넷 익스플로러가 개발자 툴 섹션을 가지고 있다고 믿지만, 나는 그것이 내가 좋아하는 것이 아니라는 것을 발견했다. 그러나 당신이 필요로하거나 필요로하는 것을 자유롭게 사용할 수는있다.

Answer 2

은 브라우저에 따라 다릅니다

• 파이어 폭스 다음 Firebug Extension

• 오페라 다운로드 : 사용자에게 내장 Opera Dragonfly

• 웹킷 기반 (크롬, 사파리, 록 멜트. ..) : F12를 눌러 내장을 엽니 다. Webkit debugger

• 인터넷 익스플로러 9 + : 내장

• Developer Tools IE를 열려면 F12 키를 눌러 < = 8 :

  • : DebugBar

  이러한 도구의 대부분은이 키보드 바로 가기를 통해 액세스 할 수 있습니다 설치 CTRL + SHIFT +

은 "콘솔"탭에 대한
• F12

봐. 브라우저는 JavaScript 오류, 리소스가로드되지 않은 오류 등의 다양한 오류를 인쇄합니다. 콘솔에 수동으로 기록하려면 대부분의 브라우저가 콘솔 용 기능을 호스트하는 console 객체를 제공합니다. 가장 일반적으로 사용되는 것은 console.log('text')입니다.

Answer 3

구글 크롬

F12 -> 콘솔. 코드 사용

: console.log(variables);