Chrome CDP Skill:讓 Claude Code 直接接上你正在用的 Chrome,而不是每次重開瀏覽器
Developer Workflow / Threads Ingestion / 2026-06-20
Chrome CDP Skill:讓 Claude Code 直接接上你正在用的 Chrome,而不是每次重開瀏覽器
貼文介紹 Chrome CDP Skill:直接連到既有 Chrome session,沿用登入狀態、Cookie 與當前分頁,適合前端除錯、抓 DOM、看 console、截圖與操作目前頁面。
整理原則:此文由 Threads 社群貼文整理而來;涉及投資、金融、法律、醫療、商譽或未驗證技術 claims 時,均視為線索與判斷框架,不直接等同官方確認或投資建議。
核心內容
相較 Playwright / Selenium 每次開新 browser context,CDP 連既有 Chrome 的最大價值是省掉登入、OAuth、驗證碼與重建狀態。適合讓 Claude Code 查看開發中的 UI、抓 DOM、讀 console、截全頁圖、跨分頁比對。但它不會降低既有 Chrome 記憶體用量,也要注意不要讓 agent 操作含付款、私密資料或不可逆動作的分頁。
查證結果
查證狀態:部分查證成立(partially verified)
Chrome DevTools Protocol 是官方協定,可透過 debugging endpoint 控制 Chrome target;`chrome-remote-interface` 也說明預設連 `localhost:9222`,不必使用 Puppeteer/Playwright。`d-wwei/browser-control-skill` 類似主張可共享既有 Chrome,並標示背景模式需 Node.js 22+。但「Harry Fan blog」來源未能確認,應避免當作已驗證作者來源。
查證來源