工程開發
Browser avatar

Browser

具備預設除錯功能的瀏覽器自動化工具。自動擷取主控台日誌、網路請求與錯誤,適用於網頁疑難排解與介面驗證。

簡介

Browser 技能提供了一個穩健且優先進行除錯的自動化環境,旨在消除 Web 測試中常見的「手動啟用」門檻。透過優先考量可視性,該工具確保從會話開始的那一刻起,主控台日誌、網路請求和頁面錯誤就會被自動擷取。對於需要驗證 UI 完整性、排解前端崩潰或監控網路效能的開發人員、QA 工程師和研究人員來說,這是不可或缺的公用程式,無需手動設定鉤子或日誌框架。該系統為自主設計,具有自動啟動會話管理功能,並透過 30 分鐘的空閒逾時來處理清理工作。

  • 全面診斷:擷取主控台錯誤、警告以及詳盡的網路請求/回應資料(狀態碼、標頭、大小和時序)。

  • 預設無頭執行:預設以無頭 (headless) 模式運行以提升效能,並可透過系統定義的偏好設定連結至本機瀏覽器。

  • 命令列控制:廣泛的 CLI 支援,用於導航、元素互動(點擊、填寫、輸入)以及狀態操作(執行評估、重啟、停止)。

  • 持續性診斷輸出:產生清晰、可操作的報告,包括截圖和特定錯誤細分,以精確定位前端錯誤(例如 500 API 失敗或 JavaScript 異常)。

  • 智慧會話管理:在首次命令執行時自動啟動會話,並確保高效的資源處理以防止殭屍進程。

  • 輸入:將 URL 和選擇器作為導航、表單填寫和互動的主要參數,通常利用 Bun 進行高效能執行。

  • 輸出:傳回視覺化截圖(位於 /tmp/)以及基於文字的診斷日誌,詳述網路統計資料和執行階段主控台輸出。

  • 設定:可透過 ~/.claude/skills/CORE/USER/SKILLCUSTOMIZATIONS/Browser/ 的本機使用者覆寫進行擴充,允許自訂技術堆疊偏好和瀏覽器選擇。

  • 實作建議:使用 Browser 技能來診斷使用者列表或 API 抓取失敗的原因、驗證頁面載入狀態、執行端對端 UI 測試,並在不離開終端環境的情況下快速迭代前端程式碼。

倉庫統計

Star 數
11,894
Fork 數
1,635
Open Issue 數
207
主要語言
TypeScript
預設分支
main
同步狀態
閒置
最近同步時間
2026年5月1日 上午07:02
在 GitHub 查看