Cung cấp sức mạnh của DevTools cho tác nhân lập trình thông qua máy chủ MCP DevTools hoặc CLI và các kỹ năng chuyên biệt của máy chủ này.

Tìm hiểu thêm trên GitHub
Chrome DevTools hoạt động với mọi tác nhân hỗ trợ máy chủ MCP: Gemini CLI, Antigravity, Claude Code, Codex và nhiều tác nhân khác. Sử dụng máy chủ MCP để cho tác nhân của bạn biết về các chức năng của Công cụ cho nhà phát triển trong mỗi phiên.
Là một lựa chọn thay thế hiệu quả hơn về mã thông báo cho máy chủ MCP, bạn có thể sử dụng Chrome DevTools CLI. Gói máy chủ MCP của Chrome DevTools bao gồm một kỹ năng chuyên biệt giúp tác nhân lập trình của bạn học cách viết tập lệnh, sử dụng các công cụ mạnh mẽ tương tự như máy chủ MCP.

Cài đặt ngay

Cả máy chủ MCP và CLI đều nằm trong cùng một gói. Lấy các tệp đó cho tác nhân mã hoá mà bạn chọn. Bạn có thể xem hướng dẫn cho các tác nhân phổ biến nhất ở bên dưới và hướng dẫn cho hơn 20 tác nhân trên GitHub.

  # Either MCP only:
  gemini mcp add chrome-devtools npx chrome-devtools-mcp@latest
  # Or as a Gemini extension (MCP+Skills):
  gemini extensions install --auto-update https://github.com/ChromeDevTools/chrome-devtools-mcp
 
  # Either MCP only:
  claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest
  # Or as a plugin (MCP+Skills):
  /plugin marketplace add ChromeDevTools/chrome-devtools-mcp
  /plugin install chrome-devtools-mcp
 
  codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latest

Sau khi cài đặt máy chủ MCP hoặc CLI của Công cụ cho nhà phát triển, hãy thử một vài câu lệnh để bắt đầu! Yêu cầu kiểm tra Lighthouse, điền vào biểu mẫu hoặc yêu cầu chụp ảnh màn hình – tất cả đều có thể thực hiện thông qua tác nhân của bạn. Để xem tất cả những chức năng đó hoạt động, ví dụ: hãy thử câu lệnh sau:

  Visit developer.chrome.com and run a search for "devtools",
  while recording a performance trace.
  Let me know how I can improve the website's performance.

Câu lệnh này sử dụng các công cụ để tạo một trang mới, tương tác với thanh tìm kiếm và chạy một dấu vết hiệu suất, bao gồm cả dữ liệu CrUX!


Xem tất cả công cụ có sẵn