정보
요청한 주제가 아래에 표시됩니다. 그러나 이 주제는 이 라이브러리에 포함되지 않습니다.

F12 개발자 도구를 사용하여 웹 페이지를 디버그하는 방법

F12 개발자 도구는 Windows Internet Explorer 9의 모든 설치에 기본 제공되는 주문형 도구 제품군입니다. F12 도구는 언제든지 모든 페이지에서 사용할 수 있으며, 웹 사이트 개발자는 이 도구를 통해 JavaScript, HTML 및 CSS 스타일시트를 신속하게 디버그하고 웹 페이지나 네트워크의 성능 문제를 추적할 수 있습니다.

이 조항의 내용

항목설명

F12 개발자 도구 소개

F12 개발자 도구는 웹 페이지를 작성하고 디버그하는 데 유용한 도구 제품군입니다.

F12 개발자 도구 시작

F12 도구 메뉴와 단추는 도구 제품군을 탐색하는 데 유용한 페이지 및 시각적 도구를 제공합니다. 도구 내에서 문서에 포함된 모든 링크의 보고서 목록을 만들거나, 문서 모드를 변경하거나, 페이지에 특정 요소의 윤곽선을 시각적으로 표시할 수 있습니다.

F12 도구 콘솔을 사용하여 오류 및 상태 보기

F12 도구 콘솔 명령을 사용하면 실행 흐름을 중단하지 않고 Windows Internet Explorer 9에서 오류 메시지를 받고 사용자 코드에서 고유한 메시지를 보낼 수 있습니다.

F12 도구 콘솔 오류 메시지

F12 도구 콘솔은 런타임 중에 발생하는 오류와 정보 제공용 메시지를 보고할 수 있습니다. 이 문서에서는 오류 메시지에 대해 설명하고 오류를 수정하는 방법에 대한 제안을 제공합니다.

F12 개발자 도구를 사용하여 JavaScript 오류 디버그

F12 도구를 사용하면 웹 개발자가 브라우저를 종료하지 않고 JavaScript 코드를 빠르게 디버그할 수 있습니다.

F12 개발자 도구를 사용하여 HTML 및 CSS 디버깅

F12 도구는 소스 코드에서는 찾기 어려운 HTML과 CSS(Cascading Style Sheets) 코드의 오류를 찾아 수정하는 데 도움이 될 수 있습니다.

프로파일러 도구를 사용하여 코드 성능 분석

F12 도구는 Windows Internet Explorer 9에서 실행하는 JavaScript 코드의 성능을 분석할 수 있는 기본 제공 스크립트 프로파일러입니다. 이 항목은 이 도구의 기능과, 이 도구를 사용하여 스크립트의 성능을 확인하는 방법에 대해 설명합니다.

 

관련 항목

Internet Explorer 9 샘플 및 자습서

 

 

표시:
© 2014 Microsoft