Latest web development tutorials
×

JavaScript 코스

JavaScript 코스 JavaScript 간략한 소개 JavaScript 용법 JavaScript 수출 JavaScript 문법 JavaScript 문 JavaScript 주의 JavaScript 변수 JavaScript 데이터 유형 JavaScript 사물 JavaScript 기능 JavaScript 범위 JavaScript 행사 JavaScript 현 JavaScript 운영자 JavaScript 비교 JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript 형식 변환 JavaScript 정규 표현식 JavaScript 오류 JavaScript 디버깅 JavaScript 변수 리프트 JavaScript 엄격 모드 JavaScript 부적절한 사용 JavaScript 폼 인증 JavaScript 예약 키워드 JavaScript JSON JavaScript void JavaScript 코드 사양

JS 기능

JavaScript 함수 정의 JavaScript 함수 인수 JavaScript 함수 호출 JavaScript 클로저

JS HTML DOM

DOM 간략한 소개 DOM HTML DOM CSS DOM 행사 DOM EventListener DOM 요소

JS 고급 자습서

JavaScript 사물 JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp 사물

JS 브라우저 BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript 대중적인 JavaScript 시간 제한 이벤트 JavaScript Cookies

JS 창고

JavaScript 창고 JavaScript 테스트 jQuery JavaScript 테스트 Prototype

JS 예

JavaScript 예 JavaScript 객체 인스턴스 JavaScript 브라우저 객체 인스턴스 JavaScript HTML DOM 예 JavaScript 개요

JS 참조 설명서

JavaScript 사물 HTML DOM 사물

자바 스크립트 디버깅

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


자바 스크립트 디버깅

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

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

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

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

자바 스크립트 디버깅 도구

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

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

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

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

사용 가능 브라우저 디버깅 도구는 일반적으로 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/.

원정 여행

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