Tutorial: Browser Control Automation dengan OpenClaw

25 menit baca - Beginner sampai Intermediate

Lo pernah nggak sih,nih situation.

Lo butuh ngejalanin tugas yang berhubungan sama website. Harus nya sederhana, tapi nggak. Website itu nggak punya API. Nggak punya mobile app. Satu-satunya cara interaksi ya lewat browser. Tapi itu berarti lo harus duduk di depan layar, klik tombol satu-satu, nunggu halaman load, copy paste informasi.

Ribet kan?

Nah, ini exactly masalah yang solved sama Browser Control dari OpenClaw. Instead of lo manual ngoperasikan browser, AI assistant lo yang kerjain. AI nya buka tabs, baca halaman, klik tombol, isi form, dan screenshot, semua bajo pengawasan lo.

Think of it as punya robot intern yang bisa pake website apapun tanpa butuh API key atau akses developer.

Apa Itu OpenClaw Browser Control

OpenClaw Browser Control ngasih AI assistant lo browser sendiri yang dedicated. Browser ini completely separate dari browser personal lo. Dia jalan di isolated environment, managed sama Gateway, dan AI assistant lo kontrol lewat structured commands.

Ini yang bikin beda dari tools browser automation lain.

Website nggak bisa bedain. Browser OpenClaw pake Chrome/Brave/Edge/Chromium standard yang keliatan kayak browser normal. Dia jalan dengan real rendering engine, execute JavaScript, dan maintain proper session cookies. Website susah membedakan ini dari human browsing.

Isolated dari browser personal lo. Profile browser openclaw itu nggak ngutak-ngatik data browser personal lo. Gmail yang udah login, saved passwords, cookies lo semua aman di browser lo. AI operate completely separate browser instance.

Structured actions, bukan fragile selectors. Instead of nulis CSS selectors yang break waktu website redesign, lo describe apa yang lo mau dalam plain language. Klik tombol login. Isi field email. Tunggu tabel results load. AI figured out gimana cara kerjain.

Multi-profile support. Lo bisa jalanin multiple browser profiles simultaneously. Profile openclaw itu default managed browser. Profile user nempel ke real signed-in Chrome session lo waktu lo butuh akses ke accounts yang ada 2FA atau session verification.

Browser Profiles Dijelaskan

OpenClaw support dua tipe browser profiles.

Managed Browser (openclaw Profile)

Ini default nya. Gateway spawn fresh Chrome/Brave/Edge/Chromium instance dengan profile directory sendiri yang kosong. Dia jalan completely isolated dari browser personal lo.

Benefits:

• No saved passwords atau sessions yang bisa leak
• Clean slate every time lo start fresh
• Can run headless atau dengan visible window
• Fully controlled sama Gateway dengan no user interaction required

Attached Browser (user Profile)

Profile ini nempel ke real Chrome session lo yang lagi jalan. Waktu lo butuh AI akses accounts dengan strict 2FA atau session validation, ini profile yang dipake.

Requirements:

• Chrome must jalan dengan remote debugging port enabled
• Lo harus di depan komputer buat approve connection
• MCP Chrome extension must installed dan connected

Profile user ini buat waktu managed browser keblok sama anti-bot detection atau butuh akses ke account yang butuh presence fisik lo buat approve.

Quick Start: Command Browser Pertama Lo

Pastikan Gateway lo jalan, terus coba commands ini.

# Cek apakah browser udah enabled
openclaw browser --browser-profile openclaw status

# Start browser kalau belum jalan
openclaw browser --browser-profile openclaw start

# Buka website
openclaw browser --browser-profile openclaw open https://example.com

# Ambil screenshot
openclaw browser --browser-profile openclaw screenshot

# Ambil snapshot halaman sekarang
openclaw browser --browser-profile openclaw snapshot

Kalau lo dapat "Browser disabled", lo perlu enable di config file lo.

Configuration: Enable Browser

Buka OpenClaw config file lo di ~/.openclaw/openclaw.json.

Cari bagian browser. Kalau belum ada, tambahin.

{
  browser: {
    enabled: true,
    defaultProfile: "openclaw",
    headless: false,
    noSandbox: false,
    color: "#FF4500",
    profiles: {
      openclaw: {
        cdpPort: 18800,
        color: "#FF4500"
      }
    }
  }
}

Setelah ubah config, restart Gateway:

openclaw gateway restart

Command browser Tidak Ada

Kalau openclaw browser nggak dikenali sebagai command, cause paling umum itu restrictive plugin allowlist di config lo.

Cek config lo untuk pattern ini:

{
  plugins: {
    allow: ["telegram"],
  },
}

Kalau browser nggak ada di list, tambahin:

{
  plugins: {
    allow: ["telegram", "browser"],
  },
}

Setting browser.enabled=true doang nggak cukup kalau plugins.allow udah dikonfigurasi. Dua-duanya required.

Browser Actions yang Lo Bisa Pake

Setelah browser jalan, AI assistant lo bisa perform actions ini.

Navigation

Buka URL di tab baru atau tab sekarang:

openclaw browser --browser-profile openclaw open https://news.ycombinator.com

Pergi back dan forward:

openclaw browser --browser-profile openclaw back
openclaw browser --browser-profile openclaw forward

Reload halaman sekarang:

openclaw browser --browser-profile openclaw reload

Mengambil Snapshots

Snapshot baca halaman sekarang dan return structured data tentang setiap element di halaman. Ini cara AI nya see apa yang ada di layar.

openclaw browser --browser-profile openclaw snapshot

Output nya include:

• Semua buttons, links, form fields, dan posisinya
• Text content dari headings, paragraphs, dan list items
• Table data dan grid content
• Image alt text dan src attributes

Mengambil Screenshots

Ambil screenshot dari viewport sekarang:

openclaw browser --browser-profile openclaw screenshot

Ambil full-page screenshot yang scrollthrough entire document:

openclaw browser --browser-profile openclaw screenshot --full-page

Save dengan custom filename:

openclaw browser --browser-profile openclaw screenshot --output my-screenshot.png

Klik dan Typing

AI assistant bisa klik element berdasarkan text content atau posisi. Instead of fragile CSS selectors, lo describe apa yang mau diklik.

Example: Klik tombol "Sign In" di sebuah halaman.

AI nya bakal call browser tool dengan:

{
  action: "click",
  selector: "button:has-text('Sign In')"
}

Atau klik berdasarkan posisi kalau text ambiguous:

{
  action: "click",
  ref: "e12",
  button: "left"
}

Mengisi Form

Isi text fields berdasarkan label atau placeholder text:

{
  action: "fill",
  ref: "e15",
  text: "hello@example.com"
}

Submit forms dengan klik tombol submit atau press Enter.

Menunggu Pages Load

Banyak websites itu single-page applications yang load content dynamically. AI bisa wait untuk specific elements untuk muncul:

{
  action: "wait",
  selector: ".results-table tr",
  timeoutMs: 10000
}

Atau tunggu network requests untuk settle:

{
  action: "wait",
  loadState: "networkidle"
}

Export jadi PDF

Save halaman sekarang sebagai dokumen PDF:

openclaw browser --browser-profile openclaw pdf

Ini useful buat generate reports dari web-based dashboards atau save article archives.

Real-World Automation Examples

Ini cara praktis pake browser automation di daily workflow lo.

Example 1: Research Perusahaan

Minta AI assistant research perusahaan dengan visit website mereka, extract informasi kunci, dan summarize findings.

AI nya bakal:

1. Buka company website
2. Ambil snapshot buat baca content
3. Navigate ke About page
4. Extract nama leadership, founded date, mission statement
5. Navigate ke Careers page buat cek job openings
6. Ambil screenshot office locations
7. Compile everything into a summary

No API needed. No web scraping code untuk ditulis. Just describe what you want.

Example 2: Monitor Kompetitor Pricing

Track kompetitor pricing page dan alert lo waktu prices berubah.

AI nya bakal:

1. Buka kompetitor pricing page
2. Ambil snapshot dari pricing table
3. Compare against previous snapshot yang disimpan di memory
4. If anything changed, kirim Telegram message dengan update
5. Store new snapshot buat next time

Lo bisa schedule ini buat jalan daily dengan cron job.

Example 3: Isi Web Form

Butuh submit form yang sama berulang-ulang? Biar AI yang kerjain.

Tell assistant lo: "Fill out the contact form on example.com with my name, email, and message from my profile."

AI baca profile information lo, buka form, isi setiap field, dan submit.

Example 4: Scrape Job Listings

Collect job listings dari multiple job boards into a single spreadsheet.

AI visit setiap job board, search untuk target role dan location, extract job titles, companies, salaries, dan posting dates, terus compile everything into a CSV file.

Example 5: Cek Website Availability

Monitor apakah critical websites lo up dan responding correctly.

AI buka setiap website, check bahwa expected content present, dan alert lo kalau ada yang salah. More reliable daripada simple HTTP checks karena dia verifies actual rendered page, bukan cuma HTTP status code.

Advanced: Multiple Browser Profiles

Lo bisa jalanin multiple profiles simultaneously buat different use cases.

{
  browser: {
    defaultProfile: "openclaw",
    profiles: {
      openclaw: {
        cdpPort: 18800,
        color: "#FF4500"
      },
      work: {
        cdpPort: 18801,
        color: "#0066CC"
      },
      remote: {
        cdpUrl: "http://10.0.0.42:9222",
        color: "#00AA00"
      }
    }
  }
}

Each profile dapet browser context sendiri dengan isolated cookies dan local storage.

Switch antar profiles waktu lo butuh different sessions:

# Pake work profile
openclaw browser --browser-profile work open https://work.example.com

# Pake remote profile buat machine lain
openclaw browser --browser-profile remote open https://internal.dashboard.local

Security Considerations

Browser automation handle sensitive data, jadi keep these points in mind.

SSRF protection. OpenClaw include SSRF guards yang prevent browser dari navigate ke private network addresses by default. Ini stop AI instruction dari accidentally navigating ke http://localhost, http://192.168.1.1, atau resources internal lain.

Kalau lo butuh private network access, lo harus explicitly enable:

{
  browser: {
    ssrfPolicy: {
      dangerouslyAllowPrivateNetwork: true
    }
  }
}

Only enable ini untuk trusted setups dimana lo control network nya.

Sandbox mode. Browser jalan di sandboxed mode by default for security. Kalau lo encounter permission errors, lo might perlu adjust ini di Linux systems:

{
  browser: {
    noSandbox: false
  }
}

Set noSandbox: true only kalau lo understand security implications dan lagi jalan di container environment dimana sandboxing ditangani sama container runtime.

Jangan biarin AI browse untrusted sites tanpa supervision. Browser ini designed buat AI operate di bawah oversight lo. Jangan setup scenarios dimana AI browsing arbitrary websites unattended tanpa approval workflows.

Troubleshooting Common Issues

Browser Tidak Mau Start

Kalau browser gagal start, cek these things in order.

Pertama, verify browser support enabled:

openclaw browser --browser-profile openclaw status

Kalau bilang "Browser disabled", cek config lo punya browser.enabled: true dan restart Gateway.

Kedua, cek bahwa Chromium-based browser udah installed. OpenClaw support Chrome, Brave, Edge, dan Chromium. Install satu kalau belum ada.

Ketiga, cek port conflicts. Browser control service pake port yang derived dari Gateway port lo. Make sure ports itu nggak dipake aplikasi lain.

Pages Load Tapi AI Tidak Bisa Interact

Kalau page load tapi AI nggak bisa klik atau isi fields, issue nya biasanya dengan selector.

Try pake snapshot action buat see elements apa yang AI bisa see. Kalau element yang lo mau nggak ada di snapshot, mungkin itu di dalam iframe, loaded dynamically setelah snapshot diambil, atau hidden by CSS.

Untuk dynamic content, tambahin wait action sebelum interact:

{
  action: "wait",
  selector: "#dynamic-content",
  timeoutMs: 5000
}

Anti-Bot Detection

Some websites actively block automated browsers. Kalau lo encounter ini, try approaches ini.

Pake profile user buat nempel ke real Chrome session lo. Ini pake actual browser fingerprint dan logged-in sessions lo, which harder to detect as automated.

Pake screenshot-only mode dimana AI baca content dari screenshots daripada HTML snapshots. Some anti-bot tools detect HTML inspection tapi not visual content.

Coba different timing. Tambahin random delays antar actions buat mimic human browsing patterns.

Switch user agents. Some websites block known bot user agents.

Headless vs Visible Mode

Browser bisa jalan di dua modes.

Headless mode jalan browser tanpa visible window sama sekali. Dia lebih fast dan use less memory, tapi lo nggak bisa see apa yang AI kerjain. Good buat background automation tasks.

Visible mode show browser window di layar lo. Lo bisa watch AI work dan intervene kalau ada yang salah. Good buat development dan debugging.

Toggle headless mode di config lo:

{
  browser: {
    headless: true   // true = headless, false = visible
  }
}

Atau pake command openclaw browser dengan --no-headless:

openclaw browser --browser-profile openclaw start --no-headless

Checklist: Browser Automation Setup

Butuh VPS buat Jalankan Gateway 24/7?

Kita recommend SumoPod:

Dapat SumoPod VPS - VPS hosting yang reliable dan affordable, perfect buat jalankan browser automation tasks on a schedule, monitor kompetitor websites, dan scrape data mentre lo tidur.

Versi English yang lebih teknis available di GitHub:

Read English Version on GitHub - Full technical guide with browser profiles, security considerations, troubleshooting, and advanced automation examples.

Referensi

• Official OpenClaw Browser Documentation
• OpenClaw Browser CLI Reference
• Browser Configuration Options
• Plugin System Documentation

Related Tutorials

• OpenClaw Gateway Setup Dari Nol - Install dan configure Gateway lo dulu sebelum mulai browser automation
• OpenClaw MCP Server Setup - Konekin Google Workspace dan Notion buat complement browser automation
• OpenClaw Channel Integration Guide - Konekin Telegram dan WhatsApp buat receive browser automation results
• OpenClaw Session Maintenance Guide - Jaga browser automation lo jalan smooth seiring waktu

Tutorial ini diverifikasi terhadap official OpenClaw documentation di docs.openclaw.ai.

Tutorial ini bagian dari project OpenClaw Sumopod - membuat automation accessible untuk UMKM Indonesia.

Last Updated: April 2026 Version: 1.0 Author: Radian IT Team