Saltar al contenido principal
Claude Code se integra con la extensión del navegador Claude en Chrome para brindarte capacidades de automatización del navegador desde la CLI o la extensión de VS Code. Construye tu código, luego prueba y depura en el navegador sin cambiar de contexto. Claude abre nuevas pestañas para tareas del navegador y comparte el estado de inicio de sesión de tu navegador, por lo que puede acceder a cualquier sitio en el que ya hayas iniciado sesión. Las acciones del navegador se ejecutan en una ventana de Chrome visible en tiempo real. Cuando Claude encuentra una página de inicio de sesión o CAPTCHA, se detiene y te pide que lo manejes manualmente.
La integración de Chrome está en beta y actualmente funciona solo con Google Chrome. Aún no es compatible con Brave, Arc u otros navegadores basados en Chromium. WSL (Subsistema de Windows para Linux) tampoco es compatible.

​
Capacidades

Con Chrome conectado, puedes encadenar acciones del navegador con tareas de codificación en un único flujo de trabajo:
  • Depuración en vivo: lee errores de consola y estado del DOM directamente, luego corrige el código que los causó
  • Verificación de diseño: construye una interfaz de usuario a partir de un mock de Figma, luego ábrelo en el navegador para verificar que coincida
  • Prueba de aplicaciones web: prueba la validación de formularios, verifica regresiones visuales o verifica flujos de usuario
  • Aplicaciones web autenticadas: interactúa con Google Docs, Gmail, Notion o cualquier aplicación en la que hayas iniciado sesión sin conectores de API
  • Extracción de datos: extrae información estructurada de páginas web y guárdala localmente
  • Automatización de tareas: automatiza tareas repetitivas del navegador como entrada de datos, relleno de formularios o flujos de trabajo multisitio
  • Grabación de sesión: graba interacciones del navegador como GIF para documentar o compartir lo que sucedió

​
Requisitos previos

Antes de usar Claude Code con Chrome, necesitas:
La integración de Chrome no está disponible a través de proveedores de terceros como Amazon Bedrock, Google Cloud Vertex AI o Microsoft Foundry. Si accedes a Claude exclusivamente a través de un proveedor de terceros, necesitas una cuenta separada de claude.ai para usar esta función.

​
Comenzar en la CLI

1

Lanzar Claude Code con Chrome

Inicia Claude Code con la bandera --chrome:
claude --chrome
También puedes habilitar Chrome dentro de una sesión existente ejecutando /chrome.
2

Pídele a Claude que use el navegador

Este ejemplo navega a una página, interactúa con ella e informa lo que encuentra, todo desde tu terminal o editor:
Go to code.claude.com/docs, click on the search box,
type "hooks", and tell me what results appear
Ejecuta /chrome en cualquier momento para verificar el estado de la conexión, administrar permisos o reconectar la extensión. Para VS Code, consulta automatización del navegador en VS Code.

​
Habilitar Chrome de forma predeterminada

Para evitar pasar --chrome en cada sesión, ejecuta /chrome y selecciona “Habilitado de forma predeterminada”. En la extensión de VS Code, Chrome está disponible siempre que la extensión de Chrome esté instalada. No se necesita ninguna bandera adicional.
Habilitar Chrome de forma predeterminada en la CLI aumenta el uso del contexto ya que las herramientas del navegador siempre se cargan. Si notas un aumento en el consumo de contexto, deshabilita esta configuración y usa --chrome solo cuando sea necesario.

​
Administrar permisos del sitio

Los permisos a nivel de sitio se heredan de la extensión de Chrome. Administra los permisos en la configuración de la extensión de Chrome para controlar qué sitios puede examinar, hacer clic e introducir texto Claude.

​
Flujos de trabajo de ejemplo

Estos ejemplos muestran formas comunes de combinar acciones del navegador con tareas de codificación. Ejecuta /mcp y selecciona claude-in-chrome para ver la lista completa de herramientas del navegador disponibles.

​
Probar una aplicación web local

Al desarrollar una aplicación web, pídele a Claude que verifique que tus cambios funcionen correctamente: 
I just updated the login form validation. Can you open localhost:3000,
try submitting the form with invalid data, and check if the error
messages appear correctly?
Claude navega a tu servidor local, interactúa con el formulario e informa lo que observa.

​
Depurar con registros de consola

Claude puede leer la salida de la consola para ayudar a diagnosticar problemas. Dile a Claude qué patrones buscar en lugar de pedirle toda la salida de la consola, ya que los registros pueden ser detallados: 
Open the dashboard page and check the console for any errors when
the page loads.
Claude lee los mensajes de la consola y puede filtrar patrones específicos o tipos de error.

​
Automatizar el relleno de formularios

Acelera tareas repetitivas de entrada de datos: 
I have a spreadsheet of customer contacts in contacts.csv. For each row,
go to the CRM at crm.example.com, click "Add Contact", and fill in the
name, email, and phone fields.
Claude lee tu archivo local, navega por la interfaz web e introduce los datos para cada registro.

​
Redactar contenido en Google Docs

Usa Claude para escribir directamente en tus documentos sin configuración de API: 
Draft a project update based on the recent commits and add it to my
Google Doc at docs.google.com/document/d/abc123
Claude abre el documento, hace clic en el editor e introduce el contenido. Esto funciona con cualquier aplicación web en la que hayas iniciado sesión: Gmail, Notion, Sheets y más.

​
Extraer datos de páginas web

Extrae información estructurada de sitios web: 
Go to the product listings page and extract the name, price, and
availability for each item. Save the results as a CSV file.
Claude navega a la página, lee el contenido y compila los datos en un formato estructurado.

​
Ejecutar flujos de trabajo multisitio

Coordina tareas en múltiples sitios web: 
Check my calendar for meetings tomorrow, then for each meeting with
an external attendee, look up their company website and add a note
about what they do.
Claude trabaja en pestañas para recopilar información y completar el flujo de trabajo.

​
Grabar un GIF de demostración

Crea grabaciones compartibles de interacciones del navegador: 
Record a GIF showing how to complete the checkout flow, from adding
an item to the cart through to the confirmation page.
Claude graba la secuencia de interacción y la guarda como un archivo GIF.

​
Solución de problemas

​
Extensión no detectada

Si Claude Code muestra “Extensión de Chrome no detectada”:
  1. Verifica que la extensión de Chrome esté instalada y habilitada en chrome://extensions
  2. Verifica que Claude Code esté actualizado ejecutando claude --version
  3. Comprueba que Chrome se está ejecutando
  4. Ejecuta /chrome y selecciona “Reconectar extensión” para restablecer la conexión
  5. Si el problema persiste, reinicia tanto Claude Code como Chrome
La primera vez que habilitas la integración de Chrome, Claude Code instala un archivo de configuración del host de mensajería nativa. Chrome lee este archivo al iniciarse, por lo que si la extensión no se detecta en tu primer intento, reinicia Chrome para recoger la nueva configuración. Si la conexión aún falla, verifica que el archivo de configuración del host exista en:
  • macOS: ~/Library/Application Support/Google/Chrome/NativeMessagingHosts/com.anthropic.claude_code_browser_extension.json
  • Linux: ~/.config/google-chrome/NativeMessagingHosts/com.anthropic.claude_code_browser_extension.json
  • Windows: comprueba HKCU\Software\Google\Chrome\NativeMessagingHosts\ en el Registro de Windows

​
El navegador no responde

Si los comandos del navegador de Claude dejan de funcionar:
  1. Comprueba si un cuadro de diálogo modal (alerta, confirmación, solicitud) está bloqueando la página. Los cuadros de diálogo de JavaScript bloquean eventos del navegador e impiden que Claude reciba comandos. Descarta el cuadro de diálogo manualmente, luego dile a Claude que continúe.
  2. Pídele a Claude que cree una nueva pestaña e intente de nuevo
  3. Reinicia la extensión de Chrome deshabilitándola y volviéndola a habilitar en chrome://extensions

​
La conexión se cae durante sesiones largas

El trabajador de servicio de la extensión de Chrome puede quedarse inactivo durante sesiones extendidas, lo que rompe la conexión. Si las herramientas del navegador dejan de funcionar después de un período de inactividad, ejecuta /chrome y selecciona “Reconectar extensión”.

​
Problemas específicos de Windows

En Windows, puedes encontrar:
  • Conflictos de tuberías nombradas (EADDRINUSE): si otro proceso está usando la misma tubería nombrada, reinicia Claude Code. Cierra cualquier otra sesión de Claude Code que pueda estar usando Chrome.
  • Errores del host de mensajería nativa: si el host de mensajería nativa falla al iniciarse, intenta reinstalar Claude Code para regenerar la configuración del host.

​
Mensajes de error comunes

Estos son los errores más frecuentes y cómo resolverlos:
ErrorCausaSolución
”La extensión del navegador no está conectada”El host de mensajería nativa no puede alcanzar la extensiónReinicia Chrome y Claude Code, luego ejecuta /chrome para reconectar
”Extensión no detectada”La extensión de Chrome no está instalada o está deshabilitadaInstala o habilita la extensión en chrome://extensions
”No hay pestaña disponible”Claude intentó actuar antes de que una pestaña estuviera listaPídele a Claude que cree una nueva pestaña e intente de nuevo
”El extremo receptor no existe”El trabajador de servicio de la extensión se quedó inactivoEjecuta /chrome y selecciona “Reconectar extensión”

​
Ver también