Browser Control & Canvas

Automate web browsing and use the visual Canvas workspace with OpenClaw

OpenClaw includes powerful browser automation capabilities and a visual Canvas workspace. These features allow the agent to interact with websites, automate tasks, and provide a visual interface for complex operations.

Faster web access: Unbrowse (plugin)

Built-in browser automation works everywhere but can be slow and brittle: the agent launches Chrome, waits for render, and scrapes the DOM. Many sites already expose the same data and actions via internal APIs. Unbrowse is an OpenClaw plugin that captures those APIs once (via network interception) and turns them into direct API calls your agent can use. First visit uses the browser; every visit after is ~200 ms instead of 10–45 seconds. Good for repeated actions on the same site (trading, forms, monitoring). See the Unbrowse guide for how it works and when to use it vs the built-in browser.

Token-efficient standalone bridge: PinchTab

PinchTab is a standalone HTTP server that gives AI agents direct control over Chrome. ~800 tokens per page with text extraction (5–13x cheaper than screenshots), multi-instance support (parallel Chrome processes with isolated profiles), and a 12MB Go binary. Run it as a separate service; the OpenClaw pinchtab skill lets your agent navigate, snapshot, click, fill, and extract via HTTP. Good for token-conscious automation, headless or headed mode, and Raspberry Pi (ARM64). Install: curl -fsSL https://pinchtab.com/install.sh | bash or npm install -g pinchtab. See pinchtab.com/docs. For deploying OpenClaw (including browser automation) on a remote server, see our VPS hosting guide.

Fetching protected sites (403, Cloudflare)

Some sites—X.com (Twitter), LinkedIn, Product Hunt, Amazon, and many protected or paywalled blogs—block standard scrapers and headless browsers with 403 Forbidden or Cloudflare “Are you a human?” challenges. When the built-in browser hits these walls, the agent can’t get the content. On a VPS or remote server you’re typically limited to headless Chrome or raw HTTP, both of which are commonly blocked. See Protected Sites for a full guide. Two complementary options:

  • GhostFetch – Stealth fetch engine that returns high-density Markdown; install as a skill from its GitHub repo. Good for “fetch this page’s content” workflows.
  • camofox-browser – OpenClaw plugin (openclaw plugins install @askjo/camofox-browser) that runs a headless browser server built on Camoufox (Firefox fork, C++ fingerprint spoofing). Exposes tools like camofox_create_tab, camofox_snapshot, camofox_click, camofox_navigate. Best for interactive browsing on X, Product Hunt, Amazon from a server.

This site does not endorse or guarantee third-party plugins; see the Skills list and each project’s repo for details.

Browser Control

The browser tool enables OpenClaw to:

  • Navigate Websites - Visit and interact with any website
  • Fill Forms - Automatically fill and submit web forms
  • Extract Data - Scrape and extract information from pages
  • Click Elements - Interact with buttons, links, and UI elements
  • Take Screenshots - Capture page screenshots
  • Execute JavaScript - Run custom JavaScript on pages

Enabling Browser Control

Enable browser control in your configuration:

Browser Config
{
  "browser": {
    "enabled": true,
    "color": "#FF4500"
  }
}

Chrome extension relay (2026.2.19+): The relay requires gateway-token auth on both /extension and /cdp. Use a single gateway.auth.token in the Chrome extension setup for relay authentication. If the relay port is already in use by another OpenClaw process, the Gateway can reuse that relay instead of failing; it still fails on non-relay port collisions.

Use Cases

  • Automate form submissions
  • Monitor websites for changes
  • Extract data from web pages
  • Perform web-based research
  • Automate repetitive web tasks

Canvas Workspace

Canvas is OpenClaw's visual workspace feature:

  • Visual Interface - Agent-driven visual workspace
  • Interactive Elements - Buttons, forms, and controls
  • Real-Time Updates - Dynamic content updates
  • Node Integration - Accessible via iOS/Android nodes

Canvas Host

The Canvas host serves visual interfaces:

  • HTTP file server on port 18793 (default)
  • Serves /__openclaw__/canvas/ paths
  • Accessible via Control UI or nodes
  • Secure by default (loopback or authenticated)

Browser Automation Examples

Form Automation

Ask OpenClaw to fill and submit forms:

  • "Fill out the contact form on example.com"
  • "Submit this application form with my details"
  • "Book a flight for next week"

Data Extraction

Extract information from websites:

  • "Get the latest prices from this product page"
  • "Extract all email addresses from this page"
  • "Scrape the table data from this website"

Web Monitoring

Monitor websites for changes:

  • Check for product availability
  • Monitor price changes
  • Track website updates

Browser Security

Browser control is powerful and should be used carefully:

  • Sandboxed by Default - Browser runs in isolated environment
  • Session Isolation - Each session has its own browser context
  • Tool Policies - Control browser access per session
  • Trusted Sessions Only - Browser typically restricted to main session

For untrusted sessions (groups), browser access is typically disabled by default.

Canvas Features

Visual Workspace

Canvas provides a visual interface where:

  • Agents can render interactive UIs
  • Users can interact with visual elements
  • Real-time updates reflect agent actions
  • Complex workflows become visual

Node Integration

Canvas is accessible via:

  • iOS Node - View Canvas on iPhone/iPad
  • Android Node - Access Canvas on Android devices
  • Control UI - Browser-based Canvas access

Browser Troubleshooting

Common browser issues and solutions:

  • Linux Issues - May require additional dependencies (see Linux browser troubleshooting documentation)
  • Permissions - Ensure browser has necessary permissions
  • Headless Mode - Browser runs headless by default
  • Timeout Issues - Adjust timeout settings if pages load slowly
  • 403 or Cloudflare on X/LinkedIn/protected sites - Standard browser gets blocked; use a stealth-fetch skill (e.g. GhostFetch) or the camofox-browser plugin (C++ fingerprint spoofing) for headless automation on VPS

See also

  • Unbrowse – Capture site APIs and call them directly (faster than browser automation)
  • Protected Sites – Bypass 403, Cloudflare; X.com, LinkedIn, Product Hunt
  • GhostFetch – Stealth fetch for X.com, LinkedIn, and protected sites (bypass 403/Cloudflare)
  • PinchTab – Token-efficient browser bridge for AI agents
  • camofox-browser – Headless browser plugin (Camoufox, C++ fingerprint spoofing) for X, Product Hunt, Amazon
  • Configuration Guide – Configure browser settings
  • Security Guide – Understand browser security
  • Usage Guide – Learn browser automation patterns
  • Companion Apps – Access Canvas via mobile apps