chrome-devtools-mcp

Cho agent dùng DevTools trên một cửa sổ Chrome thật: đọc lỗi console, xem request mạng, đo tốc độ trang.

Ưu, nhược và chỗ chưa rõ

chrome-devtools-mcp: ưu, nhược và chỗ chưa rõ, mỗi dòng kèm nguồn
ƯuREADME ghi agent đọc được console kèm stack trace đã map về file nguồn, xem request mạng, và ghi trace hiệu năng để lấy gợi ý sửa.README, Key features
ƯuSteve Kinney xếp công cụ này vào việc tìm lỗi: đo hiệu năng, xem bộ nhớ, chạy Lighthouse, hoặc giao cho agent một phiên Chrome đã đăng nhập sẵn.Steve Kinney, 2026-04-06
NhượcGoogle thu thống kê dùng tool ngay từ lần chạy đầu. Bạn phải tự thêm --no-usage-statistics nếu không muốn gửi.README, Usage statistics
NhượcMario Zechner đếm được 26 tool tốn 18.0k token, khoảng 9% context của Claude; trên Hacker News nhiều người cũng gọi nó là tốn token.Mario Zechner, 2025-11-02
NhượcKhi nối vào Chrome bạn đang dùng, agent thấy mọi tab và cookie; một người bình luận cảnh báo chỉ cần một prompt injection là lộ hết, người khác khuyên dùng một hồ sơ Chrome riêng.Hacker News, 2026-03-15
NhượcNhiều người dùng Claude Code báo server không kết nối được; cách sửa hay gặp nhất là nâng Node.js lên bản đủ mới, trên Windows phải gọi thẳng node thay cho file .cmd.Issue #182
Chưa rõTrên macOS, Chrome từng giành focus khỏi terminal ở mỗi lệnh. Issue đã đóng ngày 2026-05-07 nhờ một bản sửa trong puppeteer, nhưng maintainer không ghi số phiên bản có bản sửa.Issue #1254

Khi nên dùng

  • Trang của bạn có lỗi console, request hỏng hoặc chạy chậm, và bạn muốn agent đọc đúng số liệu DevTools trước khi sửa.

Khi không nên dùng

  • Bạn cần thử trên Firefox hoặc Safari, hoặc không muốn gửi thống kê cho Google mà lại quên thêm cờ tắt.

Cách cài

Claude Code
claude mcp add chrome-devtools --scope user npx [email protected]
Theo tài liệu của tác giả
Codex
codex mcp add chrome-devtools -- npx [email protected]
Theo tài liệu của tác giả

Nó chạm vào những gì

File đọc và ghi
Hồ sơ Chrome riêng ở %USERPROFILE%\.cache\chrome-devtools-mcp\chrome-profile (Windows) hoặc $HOME/.cache/chrome-devtools-mcp/chrome-profile, trừ khi bạn dùng --isolated hoặc nối vào Chrome đang mở. Một file telemetry_state.json trong %LOCALAPPDATA%\chrome-devtools-mcp\Data.
Gọi mạng
Bật sẵn: gửi thống kê dùng tool (tỉ lệ thành công, độ trễ, môi trường) về play.googleapis.com/log, tắt bằng --no-usage-statistics hoặc biến CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS, và tự tắt khi có biến CI. Công cụ đo tốc độ có thể gửi URL trang lên Google CrUX API, tắt bằng --no-performance-crux. Định kỳ hỏi registry.npmjs.org xem có bản mới, tắt bằng CHROME_DEVTOOLS_MCP_NO_UPDATE_CHECKS.
Script lúc cài
Gói npm không có script postinstall; script prepare chỉ chạy khi build từ mã nguồn.
Tiến trình
Một tiến trình Node chạy MCP qua stdio; nó bật Chrome khi agent gọi tool đầu tiên cần trình duyệt. CLI chrome-devtools chạy một tiến trình nền tới khi gọi chrome-devtools stop.

Đọc từ: README.md#usage-statistics, ClearcutSender.ts#L27, persistence.ts#L36-L56, check-latest-version.ts#L41, browser-options.ts#L126, README.md#disclaimers, package.json

Mục này chạy mã trên máy bạn với quyền của tài khoản bạn. Theo tài liệu Claude Code, hook và MCP server chạy ngoài sandbox. Đọc phần trên và file của tác giả trước khi cài. Tài liệu bảo mật plugin

Test và review code

Cả nhóm →