쿠키용 개발자 도구

Chrome은 사이트에서 쿠키가 사용되는 방식을 파악하는 데 도움이 되는 여러 도구를 제공합니다.

Chrome DevTools

Chrome에서 쿠키 정보를 확인하는 가장 쉬운 방법은 Chrome DevTools를 사용하는 것입니다. 주소 표시줄 오른쪽에 있는 ⋮ 버튼을 클릭하고 도구 더보기 > 개발자 도구를 선택합니다.

Chrome DevTools를 엽니다. 주소 표시줄 오른쪽에 있는 ⋮ 버튼을 클릭하고 도구 더보기 > 개발자 도구를 선택합니다.
Chrome의 기본 메뉴에서 DevTools에 액세스합니다. Chrome DevTools 열기에서 이 작업을 수행하는 모든 방법을 설명합니다.

애플리케이션 패널의 쿠키 창

애플리케이션 패널의 쿠키 창을 사용하면 현재 사이트와 삽입된 리소스에서 사용하는 쿠키를 보고 필터링할 수 있습니다.

Chrome DevTools 애플리케이션 패널의 쿠키 창에 사이트 web.dev에 관한 정보가 표시됨
Chrome DevTools 애플리케이션 패널의 쿠키 창에서 쿠키 정보를 확인합니다.

네트워크 패널의 쿠키 정보

Chrome DevTools 네트워크 패널은 문제가 있는 쿠키를 강조 표시하고 서드 파티 쿠키를 사용할 수 없는 영향을 받는 쿠키 옆에 경고 아이콘을 표시합니다.

크로스 사이트 쿠키 차단 이유를 보여주는 Chrome DevTools 네트워크 패널
Chrome DevTools 네트워크 패널에서 쿠키 정보를 확인합니다.

개인 정보 보호 샌드박스 분석 도구

개인 정보 보호 샌드박스 분석 도구 (PSAT)는 쿠키 사용을 이해하고 서드 파티 쿠키에서 벗어나는 데 도움이 되는 기능을 DevTools에 추가하는 Chrome 확장 프로그램입니다.

쿠키 정보를 보여주는 개인 정보 보호 샌드박스 분석 도구
개인 정보 보호 샌드박스 분석 도구에서 쿠키 정보를 확인합니다.

Chrome 네트워크 로그

Chrome을 사용하면 브라우저의 네트워크 수준 이벤트 및 상태의 로그 파일을 기록할 수 있습니다. 이는 쿠키가 설정되거나 차단되는 방식과 시점을 심층 분석하는 데 유용할 수 있습니다.

netlog 뷰어에서 본 chrome://net-export 출력
netlog 뷰어에서 본 chrome://net-export 출력

자세히 알아보기