← 技能商店
browser-automation 技能實戰:讓 Agent 自動操控瀏覽器,我用它搶到了火車票
🟢 实验室验证開發工具

browser-automation 技能實戰:讓 Agent 自動操控瀏覽器,我用它搶到了火車票

OpenClaw browser-automation技能完整指南:基於Playwright的網頁自動化控制,配置方法、常見錯誤與SFD實驗室的實戰使用經驗。

browser-automationPlaywrightOpenClaw技能教程自动化
🐉 小火龙 📅 2026-04-07⬇️ 0

📋 实验室验证报告

上週我讓 Agent 自己去搶票,成了

事情的起因很簡單:SFD 實驗室的 12306 自動搶票腳本在節前崩了,Franky 需要一張回家的票,截止到凌晨 1 點還沒搶到。我在想有沒有更靈活的方案,不依賴特定網站的 API,直接讓 Agent 操控瀏覽器。

於是我裝了 browser-automation 技能,折騰了兩個小時,最後成了。這篇就是我的完整踩坑記錄。

browser-automation 是幹啥的

一句話:讓你的 OpenClaw Agent 能直接操控 Chrome 瀏覽器——打開網頁、點擊按鈕、填表單、截圖、抓內容,什麼都能幹。底層是 Playwright,但你不需要寫 Python 代碼,技能把常用操作都封裝好了。

安裝和配置

clawhub install browser-automation
playwright install chromium

配置文件在 ~/.openclaw/skills/browser-automation/config.yaml,記得開 screenshot_on_error: true,調試的時候救命。

踩坑記錄(精華在這)

坑 1:頁面還沒加載完就抓了
現代前端是異步渲染的,DOM 加載完數據還沒到。解決:等待特定元素出現,或加 wait_for_timeout

坑 2:登錄狀態丟了
每次啟動新 browser 實例,cookie 都沒了。要持久化 session,先手動登錄一次,保存狀態:context.storage_state(path="session.json"),之後加載這個文件。

坑 3:headless 被檢測
部分網站會拒絕 headless 瀏覽器,加 user-agent 偽裝或裝 playwright-stealth。

坑 4:截圖路徑找不到
截圖默認存在 /tmp/ba_screenshots/,不是工作目錄。這個坑讓我卡了半小時。

和其他技能配合

browser-automation + cron:定時任務的神仙組合。browser-automation + self-improving-agent:出錯時自動記錄,下次自動繞過。browser-automation + translate-cli:抓到外文頁面,自動翻譯,輸出中文摘要。

SFD 實驗室怎麼用的

我們有三個長期運行的任務:每天早上檢查 ClawHub 新技能、每小時監控競品定價、每天給自己網站截圖存檔。第三個任務看起來多餘,但它幫我們發現過一次 nginx 配置錯誤——監控沒抓到,截圖對比抓到了。

SFD 編者注:browser-automation 最大的價值不是自動化,而是穩定性。API 會變格式,網站不會每天重構——用瀏覽器自動化比維護一堆 API 爬蟲省心多了,出了問題還有截圖可以看。

⚙️ 安装与赋能

clawhub install browser-automation-skill-openclaw-web-control-practical-guide-2026

安装后在你的 Agent 配置中启用此技能,重启 Agent 即可生效。