Chrome DevTools MCP
제품 상태: 상태 미등록
이 항목에는 수명 주기 검토 기록이 없습니다. 디렉터리 등재가 현재 이용 가능함을 보장하지 않으므로 이용 전에 공급업체에 확인하세요.
상태 확인일이 기록되지 않음
MCP나 CLI로 코딩 에이전트에 실제 Chrome 인스턴스를 주어 페이지 검사와 디버깅, 감사를 가능하게 합니다. 이 항목에는 수명 주기 검토 기록이 없습니다. 디렉터리 등재가 현재 이용 가능함을 보장하지 않으므로 이용 전에 공급업체에 확인하세요.
제품 미리보기
상세 리뷰
Chrome DevTools MCP는 코딩 에이전트를 실제 Chrome 인스턴스에 연결합니다. Model Context Protocol이나 명령줄을 통해 실행 중인 페이지를 검사하고 콘솔과 네트워크 활동을 읽으며 Lighthouse 감사를 돌립니다. Google의 설명은 프런트엔드 작업을 자신의 가정이 아니라 브라우저에 대해 검증하게 한다는 것입니다.
이것은 특정 실패에 대한 구체적 처방입니다. 프런트엔드 코드를 쓰는 에이전트는 DOM 자체가 아니라 DOM에 대한 서술을 바탕으로 일합니다. 페이지가 상상한 대로라면 동작할 코드를 내놓고 그것을 근거로 성공을 보고합니다. 브라우저를 쥐여 주는 것은 피드백 고리를 현실로 되돌립니다. 요소는 정말로 생각한 자리에 없고, 그 요청은 정말로 CORS로 실패하며, 레이아웃은 정말로 흔들립니다. 측정은 더 이상 에이전트 자신의 출력에 대한 의견이 아닙니다. 그것이 바로 이런 도구가 존재하는 이유인 실패 방식입니다. 단서는 범위입니다. 실제 브라우저는 실제 공격면이고, 당신의 세션과 네트워크 권한으로 그것을 조종하는 에이전트는 의도하지 않은 곳에 닿을 수 있습니다.
출처
이 리뷰의 사실 진술은 아래 페이지에서 읽었습니다. 날짜는 편집자가 해당 출처를 마지막으로 연 날이며, 제품이 변경된 날이 아닙니다.
장점 / 단점
장점
- 페이지에 대한 에이전트의 믿음을 페이지 자체로 대체합니다
- DOM 검사만이 아니라 Lighthouse 감사를 에이전트에 제공합니다
- 공식이고 오픈소스이며 무료입니다
단점
- 세션이 붙은 실제 브라우저는 실제 공격면입니다
- 검증하는 것은 프런트엔드 동작이지 그 기능이 필요한지가 아닙니다
- 이 항목에서 실행하지 않아 에이전트 아래에서의 동작을 관찰하지 않았습니다
이런 분께 추천
에이전트가 방금 쓴 UI를 스스로 검증
콘솔과 네트워크 오류를 에이전트 쪽에서 디버깅
접근성과 성능 감사를 필요할 때 실행
페이지가 가정이 아니라 의도대로 렌더링되는지 확인
총평
에이전트의 고리에 실제 브라우저를 넣습니다. 요점은 피드백이 페이지에서 오고 에이전트의 믿음에서 오지 않는다는 것입니다.
주요 기능
태그
자주 묻는 질문
Chrome DevTools MCP을 현재 사용할 수 있나요?
이 항목에는 수명 주기 검토 기록이 없습니다. 디렉터리 등재가 현재 이용 가능함을 보장하지 않으므로 이용 전에 공급업체에 확인하세요.
Chrome DevTools MCP이(가) 무엇인가요?
Chrome DevTools MCP은(는) Google Chrome이(가) 개발한 에이전트와 개발 도구 도구입니다. MCP나 CLI로 코딩 에이전트에 실제 Chrome 인스턴스를 주어 페이지 검사와 디버깅, 감사를 가능하게 합니다.
Chrome DevTools MCP은(는) 무료인가요?
네 — Chrome DevTools MCP은(는) 무료로 사용할 수 있습니다.
Chrome DevTools MCP은(는) 오픈소스인가요?
네 — Chrome DevTools MCP은(는) 오픈소스입니다. 소스 코드는 https://github.com/ChromeDevTools/chrome-devtools-mcp에서 공개적으로 이용할 수 있습니다.
Chrome DevTools MCP의 최고 대안은 무엇인가요?
주목할 만한 에이전트와 개발 도구 대안으로는 Firecrawl, Browser Use, Daytona이(가) 있습니다. 카테고리 페이지에서 전체 33개 도구를 살펴보세요.
이 페이지가 도움이 되었나요?
