개발자도구 Network 사용법

29been·2020년 3월 5일
0

개발자도구

목록 보기
1/1

수많은 .jsp파일 중에 내가 일 할때 필요한 파일을 수월하게 찾기 위해 개발자 도구의 Network탭을 사용했다.

내가 보는 방법을 몰라 정리해둔다.

Network탭의 장점
1.Network탭을 이용해 HTTP통신 과정 볼 수 있다.
2.브라우저놔 서버 간의 통신과정에서의 문제 볼 수 있다.
3.클라이언트 성능 개선해야 할 부분 분석과 동시에
찾기 위해 다양하게 활용 가능

상세설명

네트워크 탭을 들어가면 저런 어렵게 생긴 그림들이 나온다.

name : 이름
status : 상태(200이면 정상)
type : js, font, css 종류
size : 불러온 파일 사이즈
time : 해당 파일 로드되는 시간

Network 탭을 클릭하는 부분의 바로 아래

자세히 보면 깔대기처럼 생긴 모양이 있는데 그것은 필터이다.
필터를 클릭하면 확인을 원하는 곳만 내역 확인이 가능하다.
JS,CSS,IMAGE,XHR 등을 확인 할 수 있다.

profile
이규빈

0개의 댓글