AI工具有那些? @ 香港AI工具平台
Playwright MCP 伺服器專案:playwright-mcp 是由 Microsoft 官方推出的一個模型內容協定 (Model Context Protocol, MCP) 伺服器。它的核心功能是將強大的瀏覽器自動化框架 Playwright 與大型語言模型(LLM)連接起來,賦予 AI 直接操作與控制網頁瀏覽器的能力。
MCP工具

Playwright MCP 伺服器專案

playwright-mcp 是由 Microsoft 官方推出的一個模型內容協定 (Model Context Protocol, MCP) 伺服器。它的核心功能是將強大的瀏覽器自動化框架 Playwright 與大型語言模型(LLM)連接起來,賦予 AI 直接操作與控制網頁瀏覽器的能力。

核心特點與優勢

  • 基於結構化資料:與傳統依賴螢幕截圖和視覺模型的方案不同,playwright-mcp 最大的特點是它利用 Playwright 的無障礙功能樹 (accessibility tree) 來理解網頁結構。這使得 AI 的操作完全基於結構化的文字資料,無需視覺模型即可精準互動,從而實現了快速、輕量且高效的自動化。
  • 確定性與可靠性:由於不依賴像素分析,AI 的工具應用(如點擊某個按鈕)變得更加確定 (deterministic),避免了基於視覺辨識可能產生的模糊性和不穩定性。
  • 官方支援與易用性:作為微軟的官方專案,它提供了清晰的安裝指南,可以輕鬆地整合到 VS Code (搭配 GitHub Copilot)、Cursor、Claude Desktop 等多種支援 MCP 的客戶端中。

功能與工具

一旦連接成功,AI 就可以使用一系列預先定義好的工具來與網頁互動,主要包括:

  • 核心自動化
    • browser_navigate: 導航到指定的 URL。
    • browser_click: 點擊頁面上的元素。
    • browser_type: 在輸入框中輸入文字。
    • browser_snapshot: 擷取頁面的無障礙快照,這是 AI「看見」頁面的主要方式。
    • browser_take_screenshot: 拍攝傳統的圖片快照。
  • 進階功能 (可選用)
    • 分頁管理:建立、關閉、切換瀏覽器分頁。
    • PDF 產生:將當前頁面另存為 PDF 檔案。
    • 座標互動 (Vision):在特定座標上進行點擊或拖曳。

部署方式

使用者可以透過 npx 指令快速啟動伺服器,也可以使用官方提供的 Docker 映像檔進行部署,提供了靈活的配置選項,如設定瀏覽器類型(Chrome, Firefox, WebKit)、是否使用無痕模式、設定代理等。

總結來說,playwright-mcp 是實現 AI 驅動瀏覽器自動化的官方標竿專案。它為 AI 提供了一雙能「讀懂」網頁結構的眼睛和一雙能精準操作的手,為自動化網頁資料抓取、軟體測試、複雜工作流程等應用場景帶來了革命性的解決方案。

  • MCP平台來源: github
  • 連結: https://github.com/microsoft/playwright-mcp

立即試用MCP工具