DevTools
AI 어시스턴트 및 콘솔 통계
시작하기
아이디어 얻기
콘솔 메시지 이해하기
DevTools 팁
성능 트레이스 기록 및 분석
실시간 Core Web Vitals 모니터링
캐싱의 신비를 벗기기
화면 고정 및 사라지는 요소 검사
실적 통계 확인하기
실적 도구 개요
DevTools에서 로컬 및 실제 사용자 Core Web Vitals 성능 모니터링
DevTools 성능 패널의 통계 사이드바
뉴스 및 업데이트
DevTools, Chrome 141의 새로운 기능
Updated 2025년 9월 30일
AI 에이전트를 위한 Chrome DevTools (MCP), 네트워크 종속성 트리 AI 지원, AI 채팅 내보내기, 성능의 지속적 트랙 구성 등이 포함됩니다.
AI 에이전트를 위한 Chrome DevTools (MCP)
Updated 2025년 9월 23일
Chrome DevTools의 새로운 MCP 서버 공개 미리보기: AI 코딩 어시스턴트에 Chrome DevTools의 기능을 제공합니다.
DevTools, Chrome 140의 새로운 기능
Updated 2025년 9월 1일
Gemini로 더 많은 통계를 디버그하고, 'Save-Data' 요청 헤더를 에뮬레이션하고, CSS 속성 도움말에서 기준 상태를 확인하는 등 다양한 작업을 할 수 있습니다.
DevTools, Chrome 139의 새로운 기능
Updated 2025년 7월 22일
더 안정적이고 생산적인 Chrome DevTools, 스타일링을 위한 AI 어시스턴트의 임의 이미지 업로드 지원 등
Chrome 138의 DevTools의 새로운 기능
Updated 2025년 6월 17일
성능 통계에서 사전 연결된 출처 또는 후보와 서버 응답 및 리디렉션 시간을 확인하고, 센서에서 위치정보 정확성을 에뮬레이션하고, 복잡한 CSS 변수를 디버그하는 등의 작업을 할 수 있습니다.
Chrome 137의 DevTools의 새로운 기능
Updated 2025년 5월 20일
Gemini를 사용하여 CSS를 수정하고 저장하고, 성능 통계를 알아보고, 성능 발견사항에 주석을 달고, 더 많은 작업을 할 수 있습니다.
Chrome DevTools에서 콘솔 로그의 스타일을 지정하는 방법: 색상 등
Updated 2025년 4월 30일
Chrome DevTools에서 콘솔 로그의 스타일을 지정하는 방법: 색상 등
Chrome 136 DevTools의 새로운 기능
Updated 2025년 4월 24일
실적 패널의 새로운 통계 및 클릭 시 지속되는 항목 강조 표시, '개인 정보 보호 및 보안'의 쿠키 필터 등이 추가되었습니다.
실제 데이터를 사용한 더 정확한 DevTools 성능 디버깅
Updated 2025년 4월 4일
실제 데이터를 기반으로 성능 디버깅 결정을 내리는 데 도움이 되는 CPU 제한 조정 보정과 같은 새로운 DevTools 기능을 알아보세요.