kogiQA MCP Web Browser
chính thứcĐây là một trình duyệt web cho phép tác nhân lập trình của bạn, chẳng hạn như Claude Code, truy cập các trang web thay mặt bạn và hỗ trợ bạn xác định lỗi hoặc tạo các trường hợp kiểm thử giao diện người dùng.
Bạn có thể làm gì với Kogi QA Web Browser MCP?
- Gỡ lỗi vấn đề về giao diện — Yêu cầu agent kiểm tra một trang ở độ rộng khung nhìn cụ thể, xác định các vấn đề về bố cục và đề xuất các bản sửa lỗi CSS.
- Tự động sửa lỗi console — Yêu cầu agent điều hướng tất cả các trang được liên kết từ một menu, thu thập các lỗi console và áp dụng các bản sửa lỗi trong mã nguồn.
- Lập bản đồ và tài liệu hóa chức năng ứng dụng web — Hướng dẫn agent thu thập dữ liệu các liên kết nội bộ đến một độ sâu nhất định và tạo một tài liệu Markdown mô tả từng trang cùng các tính năng của nó.
- Tạo các bài kiểm tra đầu cuối — Mô tả một luồng người dùng (ví dụ: đăng ký) và yêu cầu agent thực hiện theo luồng đó và xuất ra các bài kiểm tra Cypress bao gồm luồng chính và các lỗi xác thực.
- Thực hiện kiểm thử khám phá — Yêu cầu kiểm thử khám phá có giới hạn thời gian với các đầu vào biên trên mọi biểu mẫu, kèm theo báo cáo về bất kỳ điều gì bị hỏng hoặc không nhất quán.
Tài liệu
kogiQA MCP Web Browser
Một máy chủ Model Context Protocol (MCP) cung cấp khả năng tự động hóa trình duyệt sử dụng kogiQA. Máy chủ này cho phép các LLM tương tác với các trang web thông qua ngôn ngữ tự nhiên, bỏ qua nhu cầu về ảnh chụp màn hình hoặc các mô hình được tinh chỉnh trực quan.
Dùng để làm gì:
- Gỡ lỗi các vấn đề về kiểu dáng trên trang của bạn
- Tự động sửa các lỗi console.
- Lập bản đồ và ghi lại chức năng của ứng dụng web của bạn
- Tự động viết các bài kiểm thử đầu cuối
- Tự động hóa kiểm thử khám phá ứng dụng của bạn
Xem các lời nhắc ví dụ Usage Examples
kogiQA MCP so với Playwright MCP
Máy chủ kogiQA MCP cung cấp một trình duyệt tích hợp các khả năng của thuật toán điều khiển trình duyệt kogiQA. Điều này cho phép các tác nhân tương tác với các trang mà không cần bộ chọn, tiết kiệm thời gian và token.
Cài đặt
Tự động cài đặt:
npx kogiqa-mcp@latest
Claude Code
claude mcp add kogiqa-browser npx kogiqa-mcp@latest
VS Code
Nhấp vào một trong các nút bên dưới để cài đặt trực tiếp trong vs code:
Ngoài ra, cài đặt qua VS Code CLI:
code --add-mcp '{"name":"kogiqa-browser","command":"npx","args":["kogiqa-mcp@latest"]}'
Cursor
Ngoài ra, đi tới Cursor Settings → MCP → Add new MCP Server và nhập lệnhnpx kogiqa-mcp@latest.
Cấu hình tiêu chuẩn
Đối với bất kỳ máy khách MCP nào khác, hãy thêm phần sau vào cấu hình MCP của bạn:
{ "mcpServers": { "kogiqa-browser": { "command": "npx", "args": [ "kogiqa-mcp@latest" ] } } }
Ví dụ sử dụng
Khi máy chủ đã được cấu hình, chỉ cần trò chuyện với tác nhân của bạn bằng ngôn ngữ tự nhiên. Vì kogiQA không cần bộ chọn, bạn mô tả những gì bạn muốn thực hiện — chứ không phải cách tìm các phần tử.
Kiểm thử khói một luồng người dùng
Open http://localhost:3000, log in with the demo credentials, add the first product to the cart, and verify that the cart badge shows "1".
Gỡ lỗi một vấn đề về kiểu dáng
Go to https://myapp.example.com/pricing and check why the "Pro" plan card overflows its container on a 1280px-wide viewport. Suggest a CSS fix.
Sửa lỗi console
Navigate to http://localhost:5173, open every page linked from the main menu, collect all console errors, and fix them in the source code.
Lập bản đồ và ghi lại ứng dụng của bạn
Explore https://staging.example.com, follow all internal links up to two levels deep, and produce a Markdown document describing each page and its main features.
Tạo các bài kiểm thử đầu cuối
Walk through the sign-up flow at http://localhost:3000/signup and write Cypress end-to-end tests covering the happy path and validation errors.
Kiểm thử khám phá
Do 10 minutes of exploratory testing on http://localhost:8080: try edge-case inputs in every form you find and report anything that looks broken or inconsistent.
Yêu cầu
- Node.js 20 trở lên
- VS Code, Cursor, Windsurf, Claude Desktop, Goose, Junie hoặc một máy khách MCP khác