Navegador y Canvas

OpenClaw incluye potentes capacidades de automatización de navegador y un espacio de trabajo visual Canvas. Estas características permiten al agente interactuar con sitios web, automatizar tareas y proporcionar una interfaz visual para operaciones complejas.

La herramienta de navegador permite a OpenClaw:

• 🔍
  Navegar por Sitios WebVisitar e interactuar con cualquier sitio web.
• ✍️
  Rellenar FormulariosRellenar y enviar formularios web automáticamente.
• 📄
  Extraer DatosRastrear y extraer información de páginas.
• 🖱️
  Clic en ElementosInteractuar con botones, enlaces y elementos UI.
• 📸
  Capturar PantallasCapturar capturas de pantalla de páginas.
• ⚡
  Ejecutar JavaScriptEjecutar JavaScript personalizado en páginas.

Habilitar Control del Navegador

BrowserPage.browserControl.configDesc

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

Casos de Uso

• Automatizar envíos de formularios
• Monitorear sitios web para cambios
• Extraer datos de páginas web
• Realizar investigación basada en web
• Automatizar tareas web repetitivas

Canvas es la característica de espacio de trabajo visual de OpenClaw:

• Interfaz Visual - Espacio de trabajo visual impulsado por el agente
• Elementos Interactivos - Botones, formularios y controles
• Actualizaciones en Tiempo Real - Actualizaciones de contenido dinámico
• Integración de Nodos - Accesible via nodos iOS/Android

Host Canvas

El host Canvas sirve interfaces visuales:

• Servidor de archivos HTTP en puerto 18793 (predeterminado)BrowserPage.canvas.server.desc
• Accesible via UI de Control o nodosSeguro por defecto (loopback o autenticado).

Automatización de Formularios

Pide a OpenClaw que rellene y envíe formularios:

• "Rellena el formulario de contacto en example.com"
• "Envía este formulario de solicitud con mis datos"
• "Reserva un vuelo para la próxima semana"

Extracción de Datos

Extrae información de sitios web:

• "Obtén los últimos precios de esta página de producto"
• "Extrae todas las direcciones de email de esta página"
• "Rastrea los datos de la tabla de este sitio web"

Monitoreo Web

Monitorea sitios web para cambios:

• Verificar disponibilidad de productos
• Monitorear cambios de precios
• Rastrear actualizaciones de sitios web

El control del navegador es potente y debe usarse con cuidado:

Problemas comunes del navegador y soluciones:

• Problemas en LinuxPuede requerir dependencias adicionales (ver documentación de solución de problemas del navegador en Linux).
• PermisosAsegúrate de que el navegador tenga los permisos necesarios.
• Modo HeadlessEl navegador se ejecuta en modo headless por defecto.
• Problemas de TimeoutAjusta la configuración de timeout si las páginas cargan lentamente.