Chrome DevTools MCP

Chrome DevTools MCP là một máy chủ Model-Context-Protocol (MCP) cho phép các trợ lý lập trình AI, chẳng hạn như Gemini, Claude, Cursor hoặc Copilot, điều khiển và kiểm tra một trình duyệt Chrome trực tiếp để tự động hóa đáng tin cậy, gỡ lỗi nâng cao và phân tích hiệu năng.

Tính năng chính

Nhận thông tin chi tiết về hiệu năng: Sử dụng Chrome DevTools để ghi lại trace và trích xuất các thông tin chi tiết về hiệu năng có thể hành động được.
Gỡ lỗi trình duyệt nâng cao: Phân tích các network request, chụp ảnh màn hình và kiểm tra console của trình duyệt.
Tự động hóa đáng tin cậy. Sử dụng puppeteer để tự động hóa các thao tác trong Chrome và tự động chờ kết quả thao tác.

MCP Type	Tech Stack	Ưu điểm	Hệ sinh thái chính	Phù hợp nhất cho
Chrome DevTools MCP	Node.js / Puppeteer	Tiêu chuẩn chính thức, mạnh mẽ, công cụ phân tích hiệu năng chuyên sâu.	Rộng (Gemini, Copilot, Cursor)	Tự động hóa CI/CD, quy trình làm việc đa IDE và kiểm toán hiệu năng chuyên sâu.
Playwright MCP	Node.js / Playwright	Sử dụng cây accessibility thay vì pixel; xác định và thân thiện với LLM mà không cần thị giác.	Rộng (VS Code, Copilot)	Tự động hóa có cấu trúc, đáng tin cậy, ít bị hỏng do các thay đổi nhỏ về giao diện.
Scrapeless MCP	Dịch vụ đám mây	Không cần thiết lập cục bộ, trình duyệt đám mây có thể mở rộng, xử lý các trang web phức tạp và các biện pháp chống bot.	Điều khiển qua API (Bất kỳ client nào)	Các tác vụ tự động hóa song song, quy mô lớn và tương tác với các trang web có khả năng phát hiện bot mạnh mẽ.

Yêu cầu

Node.js v20.19 hoặc phiên bản maintenance LTS mới nhất.
npm.

Bắt đầu

Lấy Scrapeless API Key của bạn

Đăng nhập vào Scrapeless và lấy API Key của bạn.

Bắt đầu nhanh

Cấu hình JSON này được một MCP client sử dụng để kết nối với máy chủ Chrome DevTools MCP và điều khiển instance trình duyệt đám mây Scrapeless từ xa.

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": [
        "chrome-devtools-mcp@latest",
        "--wsEndpoin=wss://browser.scrapeless.com/api/v2/browser?token=scrapeless api key&proxyCountry=US&sessionRecording=true&sessionTTL=900&sessionName=CDPDemo"
      ]
    }
  }
}

Trình diễn

Một trình duyệt đám mây, vô hạn tích hợp

Chrome DevTools MCP, Playwright MCP và Scrapeless Browser MCP — chia sẻ chung một nền tảng: tất cả đều kết nối với Scrapeless Cloud Browser.

Không giống như tự động hóa trình duyệt cục bộ truyền thống, Scrapeless Browser chạy hoàn toàn trên ****đám mây, mang lại sự linh hoạt và khả năng mở rộng vô song cho các nhà phát triển và AI agent.

Đây là những gì làm cho nó thực sự mạnh mẽ:

Tích hợp liền mạch: Hoàn toàn tương thích với Puppeteer, Playwright và CDP, cho phép di chuyển dễ dàng từ các dự án hiện có chỉ với một dòng code.
Phủ sóng IP toàn cầu: Truy cập vào các nhóm IP residential, ISP và không giới hạn trên hơn 195+ quốc gia, với mức giá minh bạch và tiết kiệm chi phí ($0.6–1.8/GB). Hoàn hảo cho việc tự động hóa dữ liệu web quy mô lớn.
Profile độc lập: Mỗi tác vụ chạy trong một môi trường bền vững, chuyên dụng, đảm bảo cô lập session, quản lý đa tài khoản và ổn định lâu dài.
Mở rộng đồng thời không giới hạn: Khởi chạy tức thì 50–1000+ instance trình duyệt với hạ tầng tự động mở rộng — không cần thiết lập máy chủ, không có nút thắt cổ chai về hiệu năng.
Edge Node trên toàn thế giới: Triển khai trên nhiều node toàn cầu để có độ trễ cực thấp và khởi động nhanh hơn 2–3× so với các trình duyệt đám mây khác.
Chống phát hiện: Giải pháp tích hợp sẵn cho reCAPTCHA, Cloudflare Turnstile và AWS WAF, đảm bảo tự động hóa không bị gián đoạn ngay cả dưới các lớp bảo vệ nghiêm ngặt.
Gỡ lỗi trực quan: Đạt được khả năng gỡ lỗi tương tác người-máy và giám sát lưu lượng proxy theo thời gian thực thông qua Live View. Phát lại các session theo từng trang thông qua Session Recordings để nhanh chóng xác định vấn đề và tối ưu hóa hoạt động.

Trường hợp sử dụng

Phân tích hiệu năng web: Ghi lại trace với CDP và trích xuất các thông tin chi tiết có thể hành động được về tải trang, network request và thực thi JavaScript, cho phép các trợ lý AI đề xuất tối ưu hóa hiệu năng.
Gỡ lỗi tự động: Ghi lại console log, kiểm tra lưu lượng mạng, chụp ảnh màn hình và tự động tái tạo lỗi để khắc phục sự cố nhanh hơn.
Kiểm thử đầu-cuối (End-to-End): Tự động hóa các quy trình làm việc phức tạp với Puppeteer, xác thực các tương tác trang và kiểm tra kết xuất nội dung động trong Chrome.
Tự động hóa hỗ trợ bởi AI: Các LLM như Gemini hoặc Copilot có thể điền form, nhấp nút hoặc thu thập dữ liệu có cấu trúc từ các trang Chrome một cách đáng tin cậy và chính xác.

Scrapling Playwright MCP