Chrome chính thức công bố công cụ thần kỳ DevTools MCP từ năm ngoái, nhưng tôi tin chắc rằng nhiều người vẫn chưa cài đặt 😂

Chrome DevTools MCP cho phép Claude、Codex、Cursor và các AI khác có khả năng truy cập vào trình duyệt.

Phương pháp cài đặt được khuyến nghị nhất cho người mới bắt đầu:
Trước tiên, hãy mở Chrome và tích chọn
chrome://inspect/#remote-debugging

A. Nếu bạn sử dụng Claude Code
Thực thi trực tiếp: claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest
Sau khi cài đặt xong, khởi động lại Claude Code.

B. Nếu bạn sử dụng Codex CLI
Thực thi trực tiếp: codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latest

C. Nếu bạn sử dụng Cursor
Mở:
Cursor Settings -> MCP -> New MCP Server
Sau đó điền cấu hình này:
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": ["-y", "chrome-devtools-mcp@latest"]
}
}
}