구글크롬 HTTP/2(h2) 프로토콜 디버깅 툴

구글크롬 HTTP/2(h2) 프로토콜 디버깅 툴

크롬 개발자 도구

net-internals

chrome://net-internals 으로 이동하여 접근할 수 있다. 저수준의 네트워크 데이터의 수집/내보내기/가져오기, 네트워크와 DNS 로그 확인, 네트워크 활동 시각화 등의 기능으로 네트워크 데이터를 한 눈에 볼 수 있다.

HTTP/2 트래픽 데이터를 수집하는 데 사용한다. 보통 다음의 HTTP/2 개념을 확인한다.

• 스트림 ID
• 우선순의
• 의존성 
• 서버 푸시
• 세션 PING

메뉴에서 HTTP/2 를 선택한다. 원하는 사이트를 접속한 뒤, 다시 net-internals 탭으로 돌아온다.

HTTP/2 프로토콜을 사용하는 호스트이름들이 적힌 목록을 확인한다. 그 목록 옆에 ID 링크를 클릭한다.

Events 화면으로 넘어가는 데, 호스트이름 왼쪽에 있는 체크박스를 체크한다. 화면 오른쪽에서 웹 서버와 클라이언트 사이에서 수집된 모든 트래픽 데이터를 확인할 수 있다.

개발자도구 Network 탭

다음의 정보들을 테이블 형식으로 보여준다.

• 개체의 이름
• 개체의 크기
• 상태 코드
• 우선순위
• 총 로딩 시간
• 시간흐름도상 로딩 시간 시각화

시간 흐름도에 마우스를 올리면, 세부 항목별로 시간이 나온다. 푸시된 개체의 경우 그 시간까지도 나온다.

크롬 세션키 로깅

크롬 브라우저를 실행하기 전, 키를 로깅할 위치를 지정하는 환경 변수를 설정해야 한다. OS X 에서 다음과 같다.

$ SSLKEYLOGFILE=~/keylog.txt
$ open /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome

--

출처 : 러닝 HTTP/2