觀點 · 資訊分享
Cloudflare 雲端瀏覽器開放 CDP：Puppeteer、Playwright 與 AI 工具改一行就能連
Cloudflare Browser Rendering 現在開放 Chrome DevTools Protocol（CDP），Puppeteer、Playwright 等工具可以從任何環境連上雲端瀏覽器；Claude Code、Cursor 等 MCP 用戶端也能把它當成遠端瀏覽器。
- 發布
- 2026-04-11
- 篇幅
- 約 4 分鐘 · 1,601 字
- 結構
- 7 節 + 3 題常見問題
- 標籤
一句話看懂：Cloudflare 的雲端瀏覽器（Browser Rendering）現在支援 CDP，Puppeteer、Playwright 和各種 AI 工具，只要改連線位址就能連上它。
先用白話講：CDP 是什麼？
想像你要遙控一台電視：電視是瀏覽器，CDP（Chrome DevTools Protocol）就是那支遙控器的「通訊規格」。Puppeteer、Playwright 這些自動化工具，就是按遙控器按鈕的人，負責開網頁、點按鈕、截圖。
過去你通常得自己準備那台「電視」（在本機或自家主機跑瀏覽器）。這次 Cloudflare 讓它的雲端瀏覽器 Browser Rendering 也講 CDP，等於你多了一台放在雲端、可以遠端遙控的電視。
發生什麼事
Cloudflare 在 2026 年 4 月 10 日的更新日誌宣布：
- Browser Rendering 開放 CDP，現有的 CDP 自動化腳本與工具可以直接使用
- 任何相容 CDP 的用戶端（包含 Puppeteer 與 Playwright）都能連上，不論是從 Cloudflare Workers、本機，或雲端環境
- 只需要 Cloudflare 的 API 權杖
- MCP 用戶端（Claude Desktop、Claude Code、Cursor、OpenCode）可以透過 chrome-devtools-mcp 套件，把它當成遠端瀏覽器
跟自己跑瀏覽器差在哪？
以下是依公告內容整理的對照，雲端瀏覽器的實際效能、價格與限制，公告都沒有提到。
| 項目 | 自己跑瀏覽器 | 連 Cloudflare Browser Rendering |
|---|---|---|
| 瀏覽器在哪 | 自己的電腦或主機 | Cloudflare 的雲端 |
| 腳本怎麼連 | 連本機的瀏覽器 | 連 Cloudflare 提供的 WebSocket 位址 |
| 既有腳本 | 不用改 | 官方說只需改一行連線設定 |
給開發者的技術細節
官方給的 Puppeteer 範例，核心就是把 puppeteer.connect 指到 Cloudflare 的位址：
const browser = await puppeteer.connect({
browserWSEndpoint: `wss://api.cloudflare.com/client/v4/accounts/${ACCOUNT_ID}/browser-rendering/devtools/browser?keep_alive=600000`,
headers: { Authorization: `Bearer ${API_TOKEN}` },
})
- 範例網址帶有
keep_alive=600000；公告沒有解釋這個參數的單位，若以毫秒計約為 10 分鐘，這是我的推測，請以 Cloudflare 的 CDP 文件為準 - MCP 設定則是用
npx chrome-devtools-mcp@latest，並以--wsEndpoint與--wsHeaders指向同一個位址、帶上授權標頭 - 權杖請放在環境變數或機密管理工具，不要寫死在程式碼裡
我的看法
做網頁自動化（截圖測試、頁面檢查、抓需要執行 JavaScript 的頁面）時，最麻煩的往往是瀏覽器本身：版本、字型、記憶體、部署環境都要顧。有一個可以用標準 CDP 連上的雲端瀏覽器，對想少維護一台機器的小團隊很有吸引力，而且 AI 代理要「幫我開個網頁看看」也更容易接。
不過這則公告沒有談到用量上限與費用，我會先看 Cloudflare 的計費與限制說明，再決定要不要把正式流程搬過去。另外，API 權杖要用權限最小的，因為能碰到雲端瀏覽器的人，就能讓它開任意網頁。
名詞小辭典
- CDP（Chrome DevTools Protocol）：遠端控制瀏覽器的底層通訊協定。
- Puppeteer / Playwright：常見的瀏覽器自動化工具，用程式碼操作瀏覽器。
- MCP：讓 AI 應用程式連接外部工具與資料的通用規格。
- WebSocket：一種可以持續雙向傳資料的網路連線。