Chrome 개발자 도구

Chrome 개발자 도구란?

 

           - 웹사이트를 전반적으로 분석하고 시험해 볼 수 있도록 도와주는 도구

           *주의: 콘솔 데이터는 저장되지 않음. 새로고침/새 탭 열기를 하면 내용이 날아감

 

요소 (Elements)

            - HTML을 분석하고 수정해볼 수 있는 도구

콘솔 (Console)

            - 현재 로딩된 페이지에서 자바스크립트를 시험하거나 로그/오류 메세지 등을 확인할 수 있는 도구 

소스(Source)

            - 현재 로딩된 페이지에서 사용된 리소스를 열람할 수 있는 도구

네트워크(Network)

            - 서버와의 통신 내역을 보여주는 도구

성능(Audits)

            - 웹 어플리케이션의 성능을 향상시킬 방법을 컨설팅해주는 도구