瀏覽器標籤頁
在 Buda 中控制真實瀏覽器——Cloud Browser 用於遠端自動化,Local Browser 用於內部工具。
Buda 提供兩種瀏覽器畫布:Cloud Browser(雲端瀏覽器) 和 Local Browser(本機瀏覽器)。兩者都能在 Agent 工作台內查看和操作網頁內容,但工作方式不同,適用場景也不同。
Cloud Browser(雲端瀏覽器)
Cloud Browser 連接到 Agent 沙箱內執行的真實 Chromium 實例。它透過 Chrome DevTools Protocol(CDP)將瀏覽器畫面即時串流傳輸到你的工作台。
適用場景
- 即時觀察 Agent 自動化網頁操作
- 在 Agent 觀察的同時手動瀏覽網站
- 除錯瀏覽器自動化腳本
- 填寫表單、點擊按鈕、擷取頁面資料
工作原理
你的瀏覽器 ←→ WebSocket ←→ Buda 伺服器 ←→ Chromium(沙箱內)沙箱執行一個無頭 Chromium 實例。Buda 透過 CDP 擷取畫面幀,以 JPEG 圖片串流的形式傳輸到你的工作台。你的滑鼠和鍵盤操作會被轉發回遠端瀏覽器。
開啟 Cloud Browser 標籤頁
點擊標籤列中的 +,選擇 Cloud Browser。標籤頁會連接到沙箱瀏覽器。如果沙箱未執行,會自動啟動。
網址列
在網址列中輸入 URL 並按 Enter 進行導覽。遠端瀏覽器載入頁面後,結果會即時串流回你的工作台。
AI 指令列
網址列下方是 AI 指令列。輸入自然語言指令並按 Enter:
點擊「註冊」按鈕,用測試資料填寫表單Agent 會解析指令並在瀏覽器中自動執行操作。
滑鼠和鍵盤
Cloud Browser 連接後,你可以直接互動:
- 點擊畫布上的任意位置,即在遠端瀏覽器中點擊
- 捲動頁面
- 畫布獲得焦點時輸入文字,按鍵會傳送到遠端瀏覽器
連接狀態
網址列中的彩色圓點顯示連接狀態:
- 🟢 綠色 — 已連接,正在串流傳輸
- 🟡 黃色(閃爍)— 連接中
- 🔴 紅色 — 已中斷連接
連接中斷時點擊重新連接按鈕。
Local Browser(本機瀏覽器)
Local Browser 是一個簡單的內嵌 iframe。它直接在你的瀏覽器中載入任意 URL——無需沙箱、無需串流傳輸、零延遲。
適用場景
- 查看內部工具和儀表板(localhost、內網位址)
- 在同一工作台中瀏覽文件,同時繼續工作
- 快速查閱參考資料,無需開啟新的瀏覽器標籤頁
- 預覽本機執行的 Web 應用程式
預設 URL
新增 Local Browser 標籤頁時,預設載入 **https://buda.im/docs**——讓你隨時都能查閱文件。
導覽
在網址列中輸入 URL 並按 Enter,iframe 立即載入頁面。
注意: 部分網站透過
X-Frame-Options或Content-Security-Policy回應標頭禁止被嵌入。如果某個網站無法載入,點擊在新標籤頁中開啟按鈕(↗),在一般瀏覽器標籤頁中開啟。
重新整理
點擊 ↺ 按鈕重新載入目前頁面。
Cloud Browser 與 Local Browser 比較
| 功能 | Cloud Browser | Local Browser |
|---|---|---|
| 執行位置 | Agent 沙箱 | 你的瀏覽器 |
| 延遲 | ~100–300ms(串流傳輸) | 無延遲 |
| AI 控制 | ✅ 支援 | ❌ 不支援 |
| 支援 localhost | ❌ 不支援 | ✅ 支援 |
| 支援所有網站 | ✅ 支援 | ⚠️ 部分網站禁止嵌入 |
| 需要沙箱 | ✅ 需要 | ❌ 不需要 |