BrowserTích hợpChrome DevTools MCP

Chrome DevTools MCP

Chrome DevTools MCP là một máy chủ Model-Context-Protocol (MCP) cho phép các trợ lý mã hóa AI, như Gemini, Claude, Cursor hoặc Copilot, điều khiển và kiểm tra 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 suất.

Các tính năng chính

  • Nhận thông tin chi tiết về hiệu suất: Sử dụng Chrome DevTools để ghi lại dấu vết và trích xuất thông tin chi tiết về hiệu suất có thể hành động.
  • Gỡ lỗi trình duyệt nâng cao: Phân tích yêu cầu mạng, chụp ảnh màn hình và kiểm tra bảng điều khiển trình duyệt.
  • Tự động hóa đáng tin cậy. Sử dụng puppeteer để tự động hóa các hành động trong Chrome và tự động chờ kết quả hành động.
Loại MCPNgăn xếp công nghệƯu điểmHệ sinh thái chínhTốt nhất cho
Chrome DevTools MCPNode.js / PuppeteerTiêu chuẩn chính thức, mạnh mẽ, công cụ phân tích hiệu suất 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 tra hiệu suất chuyên sâu.
Playwright MCPNode.js / PlaywrightSử dụng cây trợ năng thay vì pixel; có tính 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ị lỗi do các thay đổi nhỏ về giao diện người dùng.
Scrapeless Browser MCPDịch vụ đám mâyKhông cần thiết lập cục bộ, trình duyệt đám mây có khả năng mở rộng, xử lý các trang web phức tạp và biện pháp chống bot.API-driven (Bất kỳ máy khách 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ó tính năng phát hiện bot mạnh mẽ.

Yêu cầu

Bắt đầu

Lấy khóa API Scrapeless của bạn

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

get-api-key.png

Bắt đầu nhanh

Cấu hình JSON này được một máy khách MCP sử dụng để kết nối với máy chủ Chrome DevTools MCP và điều khiển phiên bản 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

chrome-devtools-mcp.gif

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

Chrome DevTools MCP, Playwright MCP và Scrapeless Browser MCP — chia sẻ 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, cung cấp sự linh hoạt và khả năng mở rộng chưa từng có cho các nhà phát triển và tác nhân AI.

Đâ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, PlaywrightCDP, cho phép di chuyển dễ dàng từ các dự án hiện có chỉ với một dòng mã.
  • Phạm vi phủ sóng IP toàn cầu: Truy cập vào các nhóm IP dân cư, 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 tự động hóa dữ liệu web quy mô lớn.
  • Hồ sơ riêng biệt: Mỗi tác vụ chạy trong một môi trường chuyên biệt, bền vững, đảm bảo cách ly phiên làm việc, quản lý đa tài khoản và ổn định lâu dài.
  • Khả năng mở rộng đồng thời không giới hạn: Khởi chạy ngay lập tức 50–1000+ phiên bản trình duyệt với cơ sở 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 suất.
  • Các nút biên toàn cầu: Triển khai trên nhiều nút toàn cầu để có độ trễ cực thấp và khởi động nhanh hơn 2–3 lần so với các trình duyệt đám mây khác.
  • Chống phát hiện: Các giải pháp tích hợp cho reCAPTCHA, Cloudflare TurnstileAWS 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 gỡ lỗi tương tác giữa người và máy cũng như giám sát lưu lượng proxy theo thời gian thực thông qua Chế độ xem trực tiếp (Live View). Phát lại các phiên từng trang thông qua Ghi lại phiên (Session Recordings) để nhanh chóng xác định sự cố và tối ưu hóa hoạt động.

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

  • Phân tích hiệu suất web: Ghi lại dấu vết với CDP và trích xuất thông tin chi tiết có thể hành động về tải trang, yêu cầu mạng và thực thi JavaScript, cho phép các trợ lý AI đề xuất tối ưu hóa hiệu suất.
  • Gỡ lỗi tự động: Chụp nhật ký bảng điều khiển, 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: Tự động hóa các quy trình làm việc phức tạp với Puppeteer, xác thự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ợ AI: Các LLM như Gemini hoặc Copilot có thể điền biểu mẫu, nhấp vào nút hoặc cạo dữ liệu có cấu trúc từ các trang Chrome với độ tin cậy và độ chính xác cao.