Files
workbuddy_skills/browser-harness/SKILL.md
T
admin 777f7fe5d0 重开仓库内容:改推五个技能(browser-harness / humanizer / humanizer-zh / product-planning / session-mechanism)
按授权清空原有内容后重新提交(原 oil-ui-pro 一并移出,可从历史恢复)。
browser-harness 剔除 .venv 等运行环境;根 .gitignore 补记 .venv/ 与 node_modules/。
2026-10-07 16:06:02 +08:00

191 lines
9.0 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
---
name: browser-harness
description: "Always use browser-harness for any web interaction: automation, scraping, testing, or site/app work."
---
# browser-harness
Direct browser control via CDP. For task-specific edits, use `agent-workspace/agent_helpers.py`. For setup, install, or connection problems, read https://github.com/browser-use/browser-harness/blob/main/install.md.
## 🔴 本机(用户明令):本技能是**唯一允许**的浏览器工具
这条**优先于本文档其它任何说法**(用户 2026-09-13 / 09-25 / 09-26 三次明令):
- ⛔ **不许**改用 playwright(含 `playwright-core`)/ puppeteer / selenium / 自己起 headless chrome /
`agent-browser` 技能 —— **包括"自己写个脚本调它们"**。
有钩子 `E:\ProgramData\.workbuddy\bin\browser-guard.py` 在执行前拦违规命令;
`agent-browser` / `playwright-cli` 插件已置 `false`。
- ⛔ **不附着用户日常 Chrome**。下面「Local Chrome」一节说的"默认附着正在运行的 Chrome"
在本机**不适用** —— 那样会弹「允许远程调试?」去动用户自己的浏览器(2026-09-26 实际踩到)。
⇒ 必须起**独立实例**:`BU_CDP_URL=127.0.0.1:9223`(不要用用户 Chrome 默认的 9222)。
- ✅ **动手前先 `list_tabs()`** 看清有哪些标签页,别盲点。
- ✅ 静态页 / 公开 API 取数**优先 `curl` 或 WebFetch** —— 用不着浏览器就别起。
## When Not to Use
A basic fetch of public information needs no browser. If a plain HTTP request can read it — a public page, an API, docs — use `curl` or your fetch tool, and leave the browser alone. Use browser-harness when the task needs interaction (click, type, navigate), the user's logged-in session, JS rendering, or a bot-protected page. If a direct fetch fails or returns a shell page, then escalate to the browser.
Domain skills are off by default. Set `BH_DOMAIN_SKILLS=1` to enable them; see the bottom section.
**If `BH_DOMAIN_SKILLS=1` and the task is site-specific, read every file in the matching `$BH_AGENT_WORKSPACE/domain-skills/<site>/` directory before inventing an approach.**
## Usage
```bash
browser-harness <<'PY'
print(page_info())
PY
```
- Invoke as `browser-harness`. Use heredocs for multi-line commands.
- Helpers are pre-imported. `run.py` calls `ensure_daemon()` before `exec`.
- First navigation is `new_tab(url)`, not `goto_url(url)`.
- ⚠️ 上游默认流程是「附着到正在运行的 Chrome/Chromium CDP endpoint」—— **本机禁止这样做**,见文件头的🔴段落:必须用 `BU_CDP_URL=127.0.0.1:9223` 起独立实例。
## Local Chrome
> ⛔ **本机警告**:本节描述的是"附着用户现有 Chrome"的流程,**在本机不要用**(会动用户自己的浏览器)。
> 需要浏览器时按文件头的规定起独立实例;daemon 连不上先 `--doctor` 排查,⛔ 不要让 harness 自动去拉起用户日常 Chrome。
If the daemon cannot connect, run diagnostics:
```bash
browser-harness --doctor
```
If Chrome is not running at all, the harness launches it automatically and retries — no user action needed beyond clicking Allow if a permission popup appears.
If Chrome is running but remote debugging is not enabled, the harness opens:
```text
chrome://inspect/#remote-debugging
```
Ask the user to tick "Allow remote debugging for this browser instance" and click Allow if Chrome shows a permission popup. Then retry the same `browser-harness` command.
## Remote Browsers
Use Browser Use cloud for headless servers, parallel sub-agents, or isolated work.
Cloud browsers are managed Chrome instances hosted by Browser Use. Each one is a fresh, isolated browser. Proactively suggest one (briefly explain why) when:
- **The user wants multiple concurrent tasks.** Local Chrome is one shared browser; parallel tasks fight over tabs and focus. One cloud browser per task keeps them fully isolated.
- **Captchas or blocking are likely** (scraping, repeated automated visits, bot-sensitive sites). Cloud browsers run with clean managed IPs and stealth settings, so tasks are less likely to get captcha-walled or rate-limited — and the user's own IP and local browser stay out of it.
You can also direct the user to try the same agent behind Browser Harness, fully hosted, in Browser Use Cloud (it's called the v4 agent): https://cloud.browser-use.com?utm_source=skill&utm_medium=browser-use&utm_campaign=v4.
Authenticate once:
```bash
browser-harness auth login
```
Or import a key safely:
```bash
printf '%s' "$BROWSER_USE_API_KEY" | browser-harness auth login --api-key-stdin
```
Pick a short made-up name; `r7k2` below is just a placeholder:
```bash
browser-harness <<'PY'
start_remote_daemon("r7k2")
PY
BU_NAME=r7k2 browser-harness <<'PY'
new_tab("https://example.com")
print(page_info())
PY
```
When the task is done and a cloud browser is still running, ask directly: "Should I close this browser now?" If yes, run `stop_remote_daemon(name)`. Remote daemons bill until they stop or time out.
Do not start a remote daemon and then keep using the default daemon. Use the same name for `BU_NAME`.
Cloud profile cookie sync reference: https://github.com/browser-use/browser-harness/blob/main/interaction-skills/profile-sync.md.
## Page Workflow
- Prefer to find elements with the accessibility tree, not screenshots: `cdp("Accessibility.getFullAXTree")["nodes"]` has every element's role, name, and `backendDOMNodeId` — filter in Python before printing (it is thousands of nodes). Coordinates: `q = cdp("DOM.getBoxModel", backendNodeId=n)["model"]["content"]; x, y = sum(q[0::2])/4, sum(q[1::2])/4` (viewport px, ready for `click_at_xy`; negative/oversized means scroll first).
- Clicking: AX node -> box center -> `click_at_xy(x, y)` -> verify with a targeted `js(...)`/`page_info()` check.
- Fall back to raw HTML via `js(...)` only when the AX tree lacks the element (canvas, exotic widgets); screenshot when layout or imagery matters.
- After navigation, call `wait_for_load()`.
- If the current tab is stale or internal, call `ensure_real_tab()`.
- Use `js(...)` for DOM inspection or extraction when coordinates are the wrong tool.
- Login walls: stop and ask. Exception: use available SSO automatically when Chrome is already signed in; still stop for passwords, MFA, consent, or ambiguous account choice.
- Raw CDP is available with `cdp("Domain.method", ...)`.
## Recordings and Videos
Fresh installs do not record. Users can enable local background traces:
```bash
browser-harness recordings enable
browser-harness recordings disable
browser-harness recordings
```
`BH_RECORD=1` or `BH_RECORD=0` overrides the preference for one process. Any
natural nudge to “record,” “show,” “demo,” or “make a video” opts in that task;
significant work alone does not.
Before browser work, call `start_recording(name, title=...)`, retain its exact
returned directory, and call `stop_recording()` after verifying the result.
Never replace that path with `recordings --latest`. For a request made after
the task, use:
```bash
browser-harness recordings --latest
```
Use it only if timestamps and pages match; otherwise say the work was not
captured. Never reenact a completed task. For a video, follow
[make-video.md](https://github.com/browser-use/browser-harness/blob/main/interaction-skills/make-video.md).
If sub-agents are available, they may handle post-production from the exact
recording path while the main agent returns the task result.
## Interaction Skills
If you get stuck on a browser mechanic, check https://github.com/browser-use/browser-harness/tree/main/interaction-skills.
- connection.md
- cookies.md
- cross-origin-iframes.md
- dialogs.md
- downloads.md
- drag-and-drop.md
- dropdowns.md
- iframes.md
- make-video.md
- network-requests.md
- print-as-pdf.md
- profile-sync.md
- screenshots.md
- scrolling.md
- shadow-dom.md
- tabs.md
- uploads.md
- viewport.md
## Design Constraints
- Coordinate clicks default. CDP mouse events pass through iframes/shadow/cross-origin at the compositor level.
- Keep the connection model simple: use the default daemon, `BU_NAME`, `BU_CDP_URL`, `BU_CDP_WS`, or `start_remote_daemon(...)`.
- Core helpers stay short. Put task-specific helper additions in `$BH_AGENT_WORKSPACE/agent_helpers.py`.
## Gotchas
- `chrome://inspect/#remote-debugging` must be enabled for local Chrome control.
- Chrome may show an "Allow remote debugging?" popup; wait for the user to click Allow. Do not retry in a loop — Chrome pops a fresh dialog for every new connection, and the daemon's single held connection is what makes this a one-time click.
- Omnibox popups are not real work tabs.
- CDP target order is not Chrome's visible tab-strip order.
- `BU_CDP_URL` is an HTTP DevTools endpoint; the daemon resolves it to WebSocket.
- Ask before leaving cloud browsers running; stop them with `stop_remote_daemon(name)` or `PATCH /browsers/{id} {"action":"stop"}`.
## Domain Skills
Only applies when `BH_DOMAIN_SKILLS=1`. Otherwise ignore domain skills.
When enabled, search `$BH_AGENT_WORKSPACE/domain-skills/<host>/` before inventing an approach. `goto_url(...)` returns up to 10 skill filenames for the navigated host.