前言¶
DeepSeek Harness (DSH) 的核心理念是「一切皆插件」。當智能體需要直接與網頁交互、調試前端邏輯或驗證真實環境時,僅依靠模擬數據往往無法滿足需求。dsh-chrome-devtools 插件解決了這個問題,它將 Chrome DevTools MCP 安裝爲 Harness 的瀏覽器提供者,讓 Agent 操作一個真實的 Chrome 窗口。
插件定位¶
- 維護者:DevTarlow
- 許可證:MIT
- 核心價值:爲 DeepSeek Harness Agent 提供真實的 Chrome 瀏覽器驅動、截圖、控制台讀取、性能追蹤及 Lighthouse 審計能力。
核心功能¶
該插件基於 Chrome DevTools MCP,提供以下能力:
1. 打開頁面、讀取內容、執行點擊和輸入操作。
2. 截取頁面截圖。
3. 讀取控制台消息和網絡請求。
4. 運行 JavaScript 腳本。
5. 記錄性能追蹤。
6. 運行 Lighthouse 審計。
安裝與啓用¶
- 在 Harness 左側邊欄打開 Plugins。
- 點擊 Install。
- 粘貼倉庫地址:
https://github.com/DevTarlow/dsh-chrome-devtools
- 完成安裝後刷新頁面。
- 開始新對話。插件會在對話開始時連接瀏覽器;已打開的舊對話在安裝後不會自動獲得瀏覽器。
典型用法¶
Agent 可以通過自然語言執行以下操作:
- “Open example.com, screenshot it, and tell me the console errors.”
- “Go to my app on localhost:3000, sign up with a test account, and tell me whether the confirmation step works.”
- “Record a performance trace on localhost:3000 and explain the largest contentful paint.”
- “Run a Lighthouse audit on localhost:3000 and tell me what fails accessibility.”
- “Screenshot that page at 375 pixels wide so I can check the mobile layout.”
- “Click the thing that is broken and tell me exactly what the network request returns.”
- “Open example.com and tell me its title and any console errors.”
限制與注意事項¶
- 單一插件:一個 Harness 只能安裝一個瀏覽器插件,無法同時安裝 Playwright 或 Stagehand。
- 瀏覽器範圍:僅支持 Chromium。Firefox 和 WebKit 不提供支持。
- 對話綁定:啓動的瀏覽器歸屬於開啓該對話的會話。關閉會話會關閉瀏覽器;重新加載或恢復會話會重置瀏覽器狀態(不保留 Cookie 或頁面)。
- 環境要求:需要 Google Chrome(或 Chrome for Testing)的當前穩定版本,以及桌面會話(瀏覽器需要打開窗口)。在服務器或 CI 環境中必須使用無頭模式。
- 沙箱問題:在容器、WSL 或較新的 Ubuntu 版本中,常會遇到 Chrome 沙箱權限問題。
- 文件系統限制:截圖保存到文件受到限制,僅允許寫入操作系統的臨時目錄。
- 不可逆操作:取消調用無法撤銷已發生的導航或點擊操作。
- 工具定義來源:工具定義來自插件內部固定的
chrome-devtools-mcp版本,而非 Harness 自身。
鏈接¶
- GitHub 倉庫:https://github.com/DevTarlow/dsh-chrome-devtools
- 社區目錄:https://www.skillhub.cn/plugins/DevTarlow/dsh-chrome-devtools