โ† Back to Articles
General6 min read

browser-tool-guide

ClawMakers Teamยท

The Ultimate Guide to OpenClaw's Browser Tool

OpenClaw's browser automation capability provides powerful tools for interacting with web content, offering two distinct approaches: the managed openclaw profile and the Chrome extension relay. This guide covers both methods, their use cases, and configuration options. The managed profile offers complete isolation and security, while the extension relay allows control over your existing browser tabs with minimal setup.

The Managed openclaw Profile

The managed profile is OpenClaw's default browser automation method. It launches a dedicated Chromium-based browser instance with complete isolation from your personal browsing environment.

Key Features

  • Complete isolation: Never touches your personal browser profile or data
  • Dedicated user data directory: Separate cookies, history, and storage
  • Orange tinted UI: Clearly identifiable window for the managed browser
  • Loopback control: Secure local-only connection via CDP (Chrome DevTools Protocol)
  • Automatic browser selection: Picks from Chrome, Brave, Edge, or Chromium

Configuration

Basic configuration in ~/.openclaw/openclaw.json:

{
  "browser": {
    "enabled": true,
    "defaultProfile": "openclaw",
    "color": "#FF4500",
    "headless": false
  }
}

To specify a particular browser, add executablePath:

{
  "browser": {
    "executablePath": "/Applications/Brave Browser.app/Contents/MacOS/Brave Browser"
  }
}

Usage

The managed profile is ideal for automated tasks that require logged-in states, such as:

  • Automated testing
  • Scraping public data
  • Running bots
  • Monitoring web applications

Since it maintains its own session state, you can have the browser stay logged into services without compromising your personal accounts.

When a site requires login, sign in manually using the managed browser, never provide credentials to the model directly. Automated login attempts can trigger anti-bot defenses and risk account lockout.

The Chrome Extension Relay

The Chrome extension relay provides an alternative approach by allowing OpenClaw to control your existing Chrome tabs through a dedicated extension.

Key Features

  • Control existing tabs: Directly interact with your current browser windows
  • Toolbar button control: Simple one-click attach/detach via Chrome extension
  • No separate browser instance: Uses your existing Chrome process
  • Real-time control: Immediate access to any tab you're actively using

Installation

  1. Install the extension files:
    openclaw browser extension install
    
  2. Get the installation path:
    openclaw browser extension path
    
  3. In Chrome, go to chrome://extensions
  4. Enable "Developer mode"
  5. Click "Load unpacked" and select the installation path
  6. Pin the extension to your toolbar

Usage

To control a tab:

  1. Open the tab you want to control
  2. Click the OpenClaw extension button
  3. The badge will show ON when attached
  4. Click again to detach

The extension approach is particularly useful when you want the AI to help with tasks in your current workflow, such as:

  • Filling complex forms
  • Researching and summarizing multiple pages
  • Navigating intricate web applications
  • Assisting with debugging

Security Considerations

The extension has significant security implications since it grants control over your browsing session:

  • When attached, the model can click, type, and navigate in that tab
  • It can read page content and access whatever the tab's logged-in session can access
  • This is not isolated like the dedicated managed profile

Recommendations:

  • Consider using a dedicated Chrome profile (separate from personal browsing) for extension relay
  • Keep Gateway and node hosts on private networks (Tailscale)
  • Avoid exposing relay ports publicly

Profile Selection and Control

OpenClaw supports multiple named profiles that can be either:

  • openclaw-managed: Dedicated Chromium instance with isolated user data
  • remote: Pointing at a CDP URL (e.g., Browserless.io)
  • extension relay: Your existing Chrome tabs via the extension

Switching Between Profiles

You can specify the profile to use through several methods:

Via CLI:

openclaw browser --browser-profile openclaw start
openclaw browser --browser-profile chrome tabs

In agent tools: Pass profile="openclaw" or profile="chrome" to the browser tool

Default profile: Set browser.defaultProfile in config to change the default

The openclaw profile is automatically created if missing, while chrome is built-in for the extension relay.

Technical Implementation

How the Managed Profile Works

  1. The Gateway runs a control server on loopback
  2. It connects to Chromium-based browsers (Chrome/Brave/Edge) via CDP
  3. For advanced actions (click/type/snapshot), it uses Playwright on top of CDP
  4. This provides a stable interface while allowing browser swapping

How the Extension Relay Works

The three components are:

  1. Browser control service (Gateway or node): API endpoint for agent calls
  2. Local relay server (loopback CDP): Bridges control service to extension
  3. Chrome MV3 extension: Attaches to active tab via chrome.debugger

The agent controls the attached tab through the normal browser tool, selecting the appropriate profile.

Use Cases and Recommendations

Choose the Managed Profile When:

  • Security and isolation are paramount
  • Running automated tasks that need persistent sessions
  • You don't want to interfere with your active browsing
  • Working with sensitive data
  • Testing web applications

Choose the Extension Relay When:

  • You need immediate help with a current task
  • Collaborating on research where you're actively following along
  • Working with web applications that are difficult to fully automate
  • You want the AI to assist with form filling or data entry in real-time
  • Debugging front-end issues

The managed profile is generally recommended for automated workflows, while the extension relay shines as a collaborative tool for real-time assistance.

Setup Tips

For the Managed Profile

  • Set your preferred browser in executablePath to avoid auto-detection
  • Adjust headless setting based on your need for visibility
  • Configure defaultProfile to streamline your workflow
  • Use the orange tint as a visual cue that you're in the managed browser

For the Extension Relay

  • Set the Gateway token in the extension options before first use
  • Pin the extension for easy access
  • Understand that only explicitly attached tabs are controlled
  • Use the badge indicator (ON vs !) to verify connection status
  • For remote gateways, run a node host on the browser machine

Both methods offer powerful automation capabilities, with the choice depending on your specific needs for isolation versus immediacy of control.

Enjoyed this article?

Join the ClawMakers community to discuss this and more with fellow builders.

Join on Skool โ€” It's Free โ†’