Firebug로 웹 페이지 디버깅

Firebug는 HTML 페이지, DOM, CSS 및 JavaScript를 디버깅, 편집, 프로파일링, 로깅 및 모니터링하는 작업을 지원하는 Mozilla Firefox의 개방형 소스 확장기능입니다.

시작하기 전에

  1. 웹 프로젝트를 작성하십시오.
  2. 웹 페이지를 작성하십시오.
  3. Mozilla Firefox를 설치하십시오.
  4. Firebug를 설치하십시오.

프로시저

  1. 작업공간에서 기본 브라우저로 > 웹 브라우저 > Firefox를 선택하여 Firebug를 사용하십시오.
  2. 엔터프라이즈 탐색기 보기에서 디버그할 웹 페이지를 마우스 오른쪽 단추로 클릭하고 디버그 도구 > 서버에서 디버그를 선택하십시오.
  3. 완료를 클릭하십시오. 웹 페이지가 Firefox에서 열립니다.
  4. Firebug를 사용하려면 Firebug
사용 아이콘을 클릭하십시오.
  5. Firebug 섹션에서 스크립트 탭을 클릭하고 사용을 클릭하십시오.
  6. 스크립트가 사용되면 다시 로드를 클릭하십시오. 웹 애플리케이션은 디버깅 준비가 되었습니다.
  7. 코드를 스텝 스루하려면 디버깅 도구를 계속해서 사용하십시오.
  8. 디버그할 JavaScript 자원에서 중단점을 설정하십시오.
    JavaScript 파일에서 설정되는
중단점
    설정된 중단점은 웹 페이지의 로직에 따라 실행을 중지합니다.
  9. 변경할 값을 판별하고 실행을 추적하려면 감시 탭을 클릭하십시오.
    Firebug 감시 탭
    팁: 중단점 탭에서 중단점을 사용 또는 사용 안함으로 설정하거나 제거할 수 있습니다.
주제 유형을 표시하는 아이콘 태스크 주제
Information Center의 이용 약관 | 피드백

시간소인 아이콘 마지막 업데이트 날짜: 2014-05-22

파일 이름: tdebugfirebug.html