Playwright MCP - Máy chủ MCP tự động hóa trình duyệt web cho LLM

• Máy chủ MCP (Model Context Protocol) hoạt động dựa trên Playwright
• Cung cấp ảnh chụp nhanh khả năng truy cập có cấu trúc để LLM có thể tương tác với trang web, nên nhanh và gọn nhẹ
• Triển khai tự động hóa web chỉ bằng dữ liệu có cấu trúc dựa trên văn bản, không cần ảnh chụp màn hình hay mô hình thị giác
• Mục đích sử dụng: duyệt trang web và tự động điền biểu mẫu, trích xuất dữ liệu từ nội dung có cấu trúc, kiểm thử tự động dựa trên LLM, điều khiển trình duyệt web tổng quát dựa trên agent

Cài đặt

• config

  {  
    "mcpServers": {  
      "playwright": {  
        "command": "npx",  
        "args": [  
          "@playwright/mcp@latest"  
        ]  
      }  
    }  
  }  
  

• Có thể cài đặt trực tiếp trong VSCode: Install in VS Code Insiders
  • Sau khi cài đặt, có thể sử dụng Playwright MCP trong GitHub Copilot agent của VSCode

Danh sách công cụ Snapshot Mode

• browser_navigate: di chuyển tới URL
• browser_go_back / go_forward: quay lại / tiến tới
• browser_click / hover / drag: nhấp vào phần tử, rê chuột, kéo thả
• browser_type: nhập văn bản vào ô nhập liệu (tùy chọn: submit)
• browser_select_option: chọn trong danh sách thả xuống
• browser_press_key: nhập phím trên bàn phím
• browser_snapshot: chụp ảnh nhanh khả năng truy cập
• browser_save_as_pdf: lưu trang dưới dạng PDF
• browser_wait: chờ trong thời gian chỉ định (time tối đa 10 giây)
• browser_close: đóng trang

Danh sách công cụ Vision Mode

• browser_navigate / go_back / go_forward
• browser_screenshot: chụp ảnh màn hình
• browser_move_mouse / click / drag: điều khiển chuột theo tọa độ
• browser_type: nhập văn bản tại vị trí tọa độ
• browser_press_key
• browser_save_as_pdf
• browser_wait
• browser_close

[yangeok]

Mình đã thử kết nối Playwright MCP với cursor rồi, nhưng trang NamuWiki thì hoàn toàn không đọc được..

[asheswook]

Có lẽ là do bị chặn bot.

[crawler]

Hôm qua nhìn thì không nhận ra, hóa ra là của Microsoft luôn, ghê thật, phải thử mới được

[GN⁺]

Ý kiến trên Hacker News

• Công cụ này rất tốt. Tôi đang dùng nó cùng với Claude Code và đạt kết quả rất ấn tượng

  • Tôi để lại chỉ dẫn trong CLAUDE.md yêu cầu xác minh các thay đổi bằng Playwright
  • Nó tự động khởi động máy chủ phát triển, chuyển đến trang đã thay đổi và kiểm tra xem thay đổi có hoạt động không
  • Nếu có điều gì bất ngờ, nó sẽ tự sửa
  • Cảm giác như đang làm việc cùng một kỹ sư tầm trung thực sự xuất sắc
  • Đây đúng là một thời đại đáng kinh ngạc

• Nó dùng ariaSnapshot để cung cấp biểu diễn truy cập được của DOM

  • Nhưng khi chuyển đến những nơi như Gmail thì ngữ cảnh của mô hình bị tiêu tốn rất nhanh
  • Tôi đang thử nghiệm một biểu diễn văn bản ngắn gọn hơn cho trang
  • Nó dùng chính phiên Chrome của bạn và không cần kích thước ngữ cảnh quá lớn
  • Cũng có thể refactor thành một giao diện aria có thể dùng cho CDP

• Tôi định kết hợp với JIRA MCP để đọc "các bước tái hiện" trong ticket lỗi và kiểm tra xem có thực sự tái hiện được hay không

  • Tôi không hiểu những lời chỉ trích nhắm vào MCP
  • Việc chứng kiến một vụ bùng nổ kỷ Cambri của các "connector" thực sự rất thú vị
  • Đây sẽ trở thành "app store" cho các mô hình, điều mà custom GPTs của OpenAI đã không làm được

• Công cụ mới của Microsoft có vẻ là đối thủ cạnh tranh của MCP-Playwright

  • Công cụ của Microsoft có vẻ đơn giản hơn, còn công cụ kia có nhiều tính năng hơn

• Bản phát hành rất tuyệt. Nhưng tôi tự hỏi vì sao nó không hỗ trợ Playwright API gốc mà chỉ hỗ trợ một tập con các hành vi

• Tôi không biết Playwright, nhưng tò mò nó khác Puppeteer như thế nào

  • Vấn đề với Puppeteer là đôi khi nó không tạo ra đúng JavaScript ngay lập tức để hoàn thành những tác vụ đơn giản như chấp nhận banner đồng ý cookie

• Tôi đã gửi bài này nhiều lần và muốn nghe thêm nhiều câu chuyện hơn

  • Cũng có Fetch-MCP, dựa trên Playwright và hỗ trợ batch. Sẽ rất thú vị nếu đem ra so sánh

• Tôi cần một MCP cho Capybara. Để LLMs có thể viết các bài kiểm thử hệ thống Rails của tôi và debug khi chúng không chạy được

• "code --add-mcp"

  • Tôi tự hỏi liệu Vscode có MCP client được tích hợp sẵn hay không

• Tôi tự hỏi công cụ này là để tự động hóa kiểm thử, hay là để dùng Playwright làm "Operator" trong agent