최고의 자바 스크립트 디버깅 튜토리얼 2024년, 이 튜토리얼에서는 자바 스크립트 디버깅,자바 스크립트 디버깅 도구,CONSOLE.LOG () 메소드,예,중단 점을 설정,디버거 키워드,예,주요 브라우저 디버깅 도구,크롬 브라우저,파이어 폭스 브라우저,Internet Explorer 브라우저.,오페라,원정 여행,를 배울 수 있습니다.

자바 스크립트 디버깅

자바 스크립트를 작성할 때, 경우에는 디버깅 도구는 매우 고통스러운 일이 없습니다.


자바 스크립트 디버깅

디버깅 툴은 자바 스크립트 프로그램을 작성하기 어려운되지 않습니다.

코드가없는 디버깅 도구 경우, 이러한 오류는 발견하기가 더 어렵다, 구문 오류, 논리 오류를 포함 할 수 있습니다.

자바 스크립트 에러가 발생했을 경우 일반적으로, 거기에는 프롬프트 수 없습니다, 그래서 당신은 코드 잘못된 위치를 찾을 수 없습니다.

주의 일반적으로 오류가 새로운 자바 스크립트 코드 과정에서 발생하는 물품.

자바 스크립트 디버깅 도구

프로그램 코드의 오류를 찾고은 디버깅이라고합니다.

어려운 디버깅,하지만 다행스럽게도, 많은 브라우저가 내장되어 디버깅 도구.

내장 시작하거나 종료 할 수 있습니다 디버깅 도구, 심각한 오류 메시지가 사용자에게 전송됩니다.

디버깅 도구로, 우리는 중단 점을 (코드 실행의 정지 위치) 설정할 수 있습니다 때 변수 코드 실행 검색 할 수 있습니다.

사용 가능 브라우저 디버깅 도구는 일반적으로 F12 키를 눌러 및 디버그 메뉴에서 "콘솔"을 선택합니다.


CONSOLE.LOG () 메소드

브라우저가 디버깅을 지원하는 경우 CONSOLE.LOG () 디버그 창에 자바 스크립트 값 방법 인쇄를 사용할 수 있습니다 :

<! DOCTYPE html로>
<HTML>
<바디>

<H1> 나의 첫번째 웹 페이지 </ H1>

<스크립트>
A = 5;
B = 6;
C = A + B;
CONSOLE.LOG (c);
</ 스크립트>

</ BODY>
</ HTML>

»시도


중단 점을 설정

디버그 창에 자바 스크립트 코드 중단 점을 설정할 수 있습니다.

각 브레이크 포인트에서 자바 스크립트를 우리의 변수의 값을 확인하기 위해 자바 스크립트 코드를 실행 중지합니다.

검사가 완료되면, 당신은 (예 : 재생 버튼 등) 코드를 다시 실행할 수 있습니다.


디버거 키워드

디버거 키워드는 자바 스크립트의 실행을 중지하고 디버거 기능을 호출합니다.

디버깅 툴이 키워드와 설정된 브레이크 포인트, 효과가 동일하다.

디버그가없는 경우, 디버거 문이 작동하지 않습니다.

열기 디버거, 코드 실행은 세 번째 줄 전에 중지됩니다.

var x = 15 * 5;
debugger;
document.getElementbyId("demo").innerHTML = x;

»시도


주요 브라우저 디버깅 도구

일반적으로 브라우저는 디버깅 도구는 일반적으로 사용하려면 F12 키를 눌러 및 디버그 메뉴에서 "콘솔"을 선택합니다.

각 브라우저는 다음과 같이 :

크롬 브라우저

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

파이어 폭스 브라우저

  • 브라우저를 엽니 다.
  • 페이지에 액세스 :
    http://www.getfirebug.com.
  • 지시 사항을 따르십시오 :
    파이어 버그를 설치합니다.

Internet Explorer 브라우저.

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

오페라

  • 브라우저를 엽니 다.
  • 오페라의 내장 잠자리를위한 도구를 디버깅, 상세한 설명은 페이지 방문에서 찾을 수 있습니다 :
    http://www.opera.com/dragonfly/.

원정 여행

  • 브라우저를 엽니 다.
  • 마우스 오른쪽 버튼으로 클릭하고 요소 검사를 선택합니다.
  • 팝업 창 하단에 "제어판"을 선택합니다.
자바 스크립트 디버깅
10/30