跪拜 Guibai
← Back to the summary

The Browser Is Being Rebuilt for AI, Not for You

Who's Driving for AI: Agent Browser Ecosystem Survey (2026)

Synced to personal site: Who's Driving for AI: Agent Browser Ecosystem Survey (2026)

At our company hackathon at the end of last October, our team built an Agent that could operate a computer: let it open a browser and navigate web pages for me (I uploaded the demo to Bilibili). The Agent invocation itself was fine, but it was painfully slow when operating the browser: every step required a detailed parse of the page structure, and during the operation I could only sit and watch, unable to use that computer. That speed and efficiency were worse than me just clicking myself.

After that, I started paying attention to the ecosystem of Agents operating computers. Projects like Browser Use and Codex Desktop showed me more mature approaches. And today—the very days I'm writing this article—I discovered that Claude Code's built-in browser tool does the same thing when helping me verify pages: without opening a visible browser window, the verification was done. (Only later did I learn that this was a formal feature just released for the desktop version in July 2026.) How exactly does it "see" web pages?

A page on screen is a bunch of pixels. AI has neither eyes nor your mouse-clicking finger. Following this question, I found that from 2025 to 2026, "browsers for AI" had grown into a complete industry.

This article is a record of that survey.

1. Three Roles: Protocol Makers, Framework Writers, Server Sellers

Imagine building a self-driving car; you need three groups: someone defines the interface standards for the steering wheel and accelerator, someone writes the driving logic, and someone builds and maintains the fleet. The Agent browser ecosystem corresponds exactly to these three layers:

Agent Browser Ecosystem Three-Layer Structure

The practical benefit of this layer division: make decisions separately when choosing tools. Frameworks and infrastructure are not competitors—Browser Use paired with Steel, Stagehand paired with Browserbase, are common combinations.

2. Two Major Official Tools: One Drives, One Repairs

In 2026, browser giants each shipped official AI interfaces. Understanding their division of labor is understanding the skeleton of the entire ecosystem.

Chrome DevTools MCP (by Google, with Microsoft collaboration): Gives AI the full capabilities of Chrome debugging tools—open pages, click, fill forms, inspect network requests, do performance analysis, take snapshots. It graduated from experimental to stable with Chrome 149 in June 2026 (official release notes). The most practical capability is "attaching to your running Chrome"—your login state, cookies, extensions are all usable, bypassing the biggest obstacle for AI browsing: login walls.

Playwright MCP (by Microsoft): Positioned as "testing and automation"—abstracts browser operations into stable, repeatable steps, across Chrome, Firefox, and Safari.

The industry has an apt analogy: Playwright is the driver, DevTools is the mechanic (Steve Kinney's article). One is responsible for "driving steadily," the other for "diagnosing when the car breaks." Interestingly, the cost: many assume Playwright saves more tokens, but the opposite is true—it sends a full page structure snapshot to the AI for every operation, which can be tens of thousands of tokens for complex pages; DevTools fetches on demand, making multi-step workflows an order of magnitude cheaper (third-party comparison).

3. AI's Two Kinds of "Eyes": Read the Menu, or Look at the Photo

Understanding who does the work, let's look at how AI actually "sees" web pages—this is the core divide of the entire ecosystem.

Read the Menu (DOM route): Inside the browser, a web page has a "structural menu"—what the title is, what the button is called, where the input box is. AI reads this menu to operate: tokens are cheap (a menu is a few thousand words), actions are precise, speed is fast. The cost is fragility: if the website redesigns, or if content is drawn on a canvas instead of text (many charts and CAPTCHAs are like this), the menu becomes unreadable. Also, websites can recognize "a bot is coming" and anti-scraping measures will block it.

Look at the Photo (Visual route): For every step, take a full-page screenshot, and AI decides where to click by looking at the picture. This is the approach of various "computer use" implementations. The advantage is "what a human can see, it can click"—any interface, any website, even desktop software can be operated. The cost is expense: every glance is a photo's worth of tokens, costing about an order of magnitude more than reading the menu (third-party evaluation Respan measured Anthropic's solution at about $0.3–1.5 per task, the most expensive among mainstream solutions); and guessing coordinates from an image often leads to misclicks.

Three Technical Route Comparison

A third path is just emerging: websites actively cooperating. The WebMCP proposal (W3C draft) jointly drafted by Google and Microsoft lets websites declare "I support these operations"—for example, a ticketing site directly tells AI "my search interface looks like this," so AI no longer needs to read menus or look at photos, connecting directly at the source. Officials claim it's 8-12 times faster than visual loops (early benchmarks, not widely reproduced), currently in Chrome's public trial phase.

The 2026 consensus is hybrid: default to reading the menu (cheap), fall back to looking at photos when the menu fails (safety net), and solidify smooth operations into scripts for direct execution next time (zero AI cost). This "cheaper with use" route is best executed by Stagehand—let AI do it the first time, copy it thereafter, official data shows up to 44% faster.

4. Closer to You: Giving Coding Agents "Browser Eyes"

The two routes are about "how to see." In 2026, a batch of tools emerged, landing these two routes on a more everyday problem: when you ask AI to modify frontend code, how does it verify it changed correctly? Using the previous section's routes as reference, here's how they chose sides:

Menu Readers—taking "reading the menu" to the extreme:

Photo Lookers—answering "the menu says it's fine, but does the page look right":

Login State and Workflow Faction—concerned not with "how to see," but with "how to use it":

The commonality of these tools is skill-ification: tools only provide capability, experience is packaged into individual skills ("when to verify," "what to verify," "how to locate failures"), and iteration is extremely fast. This is also their biggest difference from "general-purpose driver tools"—closer to the scenario, closer to the human.

5. Browsers Reinvented for AI

Following the "read the menu" logic to its conclusion leads to a bold conclusion: if AI only needs the menu, why carry a full browser built for human eyes? 90% of a human browser's effort is spent rendering pixels—animations, compositing, GPU—none of which AI needs.

In the second half of 2026, a batch of "AI-only" browsers appeared, and without prior agreement, all chose the same path: compatible with Chrome's interface (CDP), but slashing resource consumption by an order of magnitude:

All three are still beta, with incomplete web compatibility, but the direction is clear: for the first time, browser kernels are being optimized for programs, not people.

6. Protocols Are Upgrading

This section condenses into three things:

  1. Chrome's old interface (CDP) has entered maintenance mode, the new cross-browser standard BiDi is taking over—Firefox already completely removed the old interface in June 2025, forcing the entire ecosystem to migrate;
  2. MCP has become the de facto standard between AI and browsers—both official tools in Section 2 are in MCP form, installable in tools like Claude Code and Cursor;
  3. WebMCP wants to push the standard one step further: let websites speak for themselves, this takes time, but the direction is very clear.

7. What You Can Do

If you want AI to help you operate web pages right now (like auto-research, form filling, page monitoring), the most direct path is to install the official tool for Claude Code:

claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest

Choose tools by scenario:

Three common pitfalls to remember: login verification (QR code/CAPTCHA), anti-scraping interception, AI being misled by web content (a line hidden in the page saying "ignore your instructions" can lead it astray). The 2026 consensus: start using it in your own, human-supervised scenarios first, then talk about full automation.

References

Comments

Top 1 from juejin.cn, machine-translated. The original thread is authoritative.

咬代码的兽

This article explains the layering of 'driving, debugging, and runtime environment' very clearly. Here’s a browser agent acceptance checklist I would implement first when landing a project: 1. First, classify pages by risk level: read-only queries can be automated; write operations like submissions, payments, and deletions must require human confirmation. 2. Preserve reproducible evidence for each workflow: inputs, key screenshots/DOM assertions, network responses, and the final URL, to avoid relying solely on 'the model says it's done.' 3. Prepare fallbacks for both DOM and visual routes: when the accessibility tree is empty, iframes/Canvas are present, or positioning fails continuously, switch to screenshot confirmation; for CAPTCHAs and login state changes, abort immediately and hand over to a human. 4. Prevent prompt injection: treat webpage content as untrusted data, have tool calls only accept whitelisted parameters from the task side, and do not execute 'instructions' from the page. 5. Distill high-frequency workflows into intent assertions, not coordinate scripts, for example, 'the order list contains the specified number and the status is paid.' Only this way can a demo that runs once be turned into a maintainable workflow. I usually cross-reference related tools and practical cases in Xia345's AI Skills Navigator: https://xia345.com/