웹 개발자 도구 (Web Developer Tool) - Chrome(크롬) 개발자 도구, Firefox(파이어폭스) 개발자 도구, Edge(엣지) 개발자 도구

 

 

웹 개발자 도구 (Web Developer Tool)

·         클라이언트가 서버에 요청시 요청의 결과파일들(html, css, javascript)은 클라이언트 PC에 다운받은 다음 인터프린트되어져서 즉 해석이 되져서 표시되어 집니다.

·         이때 해석이 잘 되었는지 확인하기 위해서 개발자 도구를 사용하게 됩니다.

·         개발자 도구를 통해 브라우저가 어떻게 동작하는 지 알 수 있으며 이 과정을 통해 문제가 발생했을 때 해당 부분을 처리할 수 있습니다.

·         개발자 도구에는 HTML구조, CSS스타일시트, HTTP통신과정, JavaScript디버깅, 프로파일링, 성능진단등의 다양한 기능을 제공하고 있습니다.

·         개발자 도구는 크롬, 엣지, 사파리, 파이어폭스 등 각 브라우저별로 모두 비슷한 기능을 제공하고 있습니다.

 

 

Chrome(크롬) 개발자 도구

http://codedragon.tistory.com/4960

 

 

Firefox(파이어폭스) 개발자 도구 실행하기

http://codedragon.tistory.com/4961

 

 

Edge(엣지) 개발자 도구 실행하기

http://codedragon.tistory.com/4964