OpenClawSkills
GitHub
Feature • TutorialHeader.readTime

Browser & Canvas

Give your agent eyes and hands on the web. Comprehensive automation and visual interaction.

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.

Tutorial.step

Browser Control

The browser tool enables OpenClaw to:

  • 🔍
    Navigate WebsitesVisit and interact with any website.
  • ✍️
    Fill FormsAutomatically fill and submit web forms.
  • 📄
    Extract DataScrape and extract information from pages.
  • 🖱️
    Click ElementsInteract with buttons, links, and UI elements.
  • 📸
    Take ScreenshotsCapture page screenshots.
  • ⚡
    Execute JavaScriptRun custom JavaScript on pages.

Enabling Browser Control

BrowserPage.browserControl.configDesc

openclaw.json
{
  "browser": {
    "enabled": true,
    "defaultProfile": "openclaw",
    "headless": false,
    "profiles": {
      "openclaw": { "cdpPort": 18800, "color": "#FF4500" },
      "work": { "cdpPort": 18801, "color": "#0066CC" }
    }
  }
}

Use Cases

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

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)BrowserPage.canvas.server.desc
  • Accessible via Control UI or nodesSecure by default (loopback or authenticated).
Tutorial.step

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
Tutorial.step

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

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

Tutorial.step

Browser Troubleshooting

Common browser issues and solutions:

  • Linux IssuesMay require additional dependencies (see Linux browser troubleshooting documentation).
  • PermissionsEnsure browser has necessary permissions.
  • Headless ModeBrowser runs headless by default.
  • Timeout IssuesAdjust timeout settings if pages load slowly.