Internet Explorer 개발자 도구

Internet Explorer Developer Tools

Windows 10에서 F12 Developer Tools라고도 알려져 있고, 이전에는 Internet Explorer Developer Toolbar로 알려져 있는 Internet Explorer Developer Tools는 Microsoft Internet Explorer와 Microsoft Edge에 내장된 웹 개발 도구로 웹 페이지의 설계와 디버깅을 돕는다.

그것은 인터넷 익스플로러 6과 7의 도구 모음으로 소개되었다.Internet Explorer 8 이상에는 개발자 도구가 내장되어 있다.CSS와 HTML의 검증, 페이지 레이아웃을 다양한 해상도로 미리 볼 수 있으며, 요소의 위치 결정에 도움이 되는 눈금자(픽셀 단위 측정)도 제공한다.[1]전체 페이지의 소스, 쉽게 탐색할 수 있도록 컬러 코딩 또는 선택한 요소를 볼 수 있으며, 요소에 적용되는 DOM 소스 및 CSS 선택기를 볼 수 있다.또한 개별 요소의 특성과 스타일을 볼 수 있고 선언문에 대한 요소의 추적 스타일도 볼 수 있다.[2]

도구 모음에는 창 하단에 전환 가능한 창이 포함되어 있다.창은 웹 페이지의 구조와 각 구조에 대해 특성과 스타일을 보여준다.메뉴 계층구조를 통해 그 특징을 공개하며, DOM 트리의 시각적 표현을 통해 탐색하지 않고 렌더링된 페이지를 클릭함으로써 브라우저 캐시 지우기 및 요소 선택 가능과 같은 기능에 빠르게 접근할 수 있는 툴바 버튼을 포함하고 있다.[2]

참고 항목

참조

  1. ^ "Microsoft Releases IE Developer Toolbar". Retrieved 2007-05-11.
  2. ^ a b "IE Developer Toolbar Beta 3 - Now Available". IEBlog. 9 January 2007. Retrieved 2007-05-11.