Extensión del navegador

La extensión de Context Code convierte tu navegador en un brazo del agente: abre páginas, lee su contenido, hace clic, rellena formularios y toma capturas en tus pestañas reales, con tus sesiones iniciadas. Es la diferencia con Playwright: allí el agente lanza un navegador aparte y limpio; aquí trabaja donde tú ya estás dentro (tu correo, tu panel de administración, tu tienda).

Todo ocurre en tu equipo. La extensión solo habla con la aplicación de escritorio por 127.0.0.1; ninguna página, cookie o captura sale a internet por ella.

Navegadores compatibles

Navegador	Paquete
Chrome, Edge, Brave, Opera, Vivaldi	`ContextCode-Extension-chrome.zip`
Firefox 121 o superior	`ContextCode-Extension-firefox.zip`

Ambos se descargan desde la página de descargas del sitio, junto a los instaladores.

Instalación

Chrome, Edge, Brave, Opera y Vivaldi

Descarga el zip y descomprímelo en una carpeta que no vayas a borrar (la extensión se carga desde ahí).
Abre chrome://extensions (en Edge, edge://extensions; en Brave, brave://extensions).
Activa el Modo de desarrollador (arriba a la derecha) y pulsa Cargar descomprimida.
Elige la carpeta descomprimida. Aparece el icono de Context Code en la barra; fíjalo con el icono de la chincheta para tenerlo a mano.

Firefox

Descarga el zip (no hace falta descomprimirlo).
Abre about:debugging#/runtime/this-firefox y pulsa Cargar complemento temporal; elige el zip.
Pulsa el icono de Context Code: la primera vez te pedirá conceder acceso a los sitios. Es necesario para poder leer y actuar en las páginas.

Emparejar con Context Code

En Context Code Desktop abre Canales y entra en la pestaña Extensión del navegador.
Pulsa Generar código. Verás un código de seis cifras y el puerto en el que escucha la aplicación. El código vale cinco minutos, una sola vez y solo desde este mismo equipo.
En el navegador, pulsa el icono de Context Code, escribe el código y pulsa Emparejar. Si cambiaste el puerto del Acceso web, ponlo en Avanzado.
Listo: la extensión aparece en el paso 3 con todos sus comandos activados. Si quieres limitar lo que puede hacer, desmarca ahí los que no quieras permitir.

A partir de ahí el icono de la extensión muestra un punto verde (conectada). Si Context Code se cierra, la extensión queda «conectando» y vuelve sola cuando la abras.

La barra lateral: Context Code dentro del navegador

Al pulsar el icono de la extensión se abre una barra lateral a la derecha de la pestaña (Chrome, Brave y Edge) con un chat de Context Code:

Es un chat del escritorio. Lo que escribes va a Context Code Desktop y la respuesta vuelve en vivo. El chat queda guardado en la sección Chats de la aplicación (no dentro de ningún proyecto) y puedes seguirlo desde el escritorio o desde la barra. Con el botón de lista cambias a cualquier otro chat de esa sección; con + empiezas uno nuevo, que solo se crea cuando mandas el primer mensaje.
Tus proveedores y modelos. Los desplegables del pie muestran exactamente las cuentas que tienes configuradas en Context Code (ContextCode IA, Claude, OpenAI, Gemini, Context Forge…) y sus modelos; cambiar ahí cambia el motor de ese chat.
La pestaña como contexto. Con «Esta pestaña» marcado, el mensaje lleva el título y la URL de la pestaña activa (solo cuando cambia de pestaña, para no engordar la conversación) y el agente lee el contenido con el navegador únicamente cuando lo necesita, así que puedes pedir «resume esto» o «qué dice este correo» sin copiar nada. Los accesos rápidos «Resumir esta página» y «Qué hay aquí» lo hacen con un clic. En un sitio protegido no se adjunta nada.
Modo de aprobación, voz y dictado. El escudo del pie abre el mismo menú del escritorio («¿Cómo deben aprobarse las acciones?»: solo lectura, solicitar aprobación, aprobar por mí, acceso completo) para ese chat. Cada respuesta tiene un botón para leerla en voz alta y el micrófono dicta con la voz del navegador (en Brave el dictado viene desactivado por el propio navegador).
Permisos y preguntas sin cambiar de ventana. Cuando el agente necesita permiso (por ejemplo, para hacer clic en tu navegador) o te hace una pregunta, la tarjeta aparece en la propia barra y la respondes ahí.
Si Context Code está cerrado, la barra lo dice y ofrece reintentar; si la extensión aún no está emparejada, muestra el campo del código. Los ajustes (pausar, desemparejar, sitios protegidos) están en el engranaje de la barra.

Qué puede hacer el agente

Con la extensión emparejada, el agente dispone de la herramienta Navegador con estas acciones:

Acción	Qué hace	Riesgo
`tabs`	Lista las pestañas abiertas.	Solo lee
`snapshot`	Árbol de la página con referencias (`e1`, `e2`…) a cada elemento.	Solo lee
`find`	Busca elementos por su texto visible.	Solo lee
`text`	Texto legible del contenido principal.	Solo lee
`screenshot`	Captura de la pestaña, que el modelo ve como imagen.	Solo lee
`wait`	Espera a que aparezca o desaparezca un texto.	Solo lee
`navigate`	Abre una URL en la pestaña activa o en una nueva.	Actúa
`click`, `type`, `press`, `select`, `scroll`	Interactúa con la página por referencia.	Actúa
`back`, `forward`, `reload`	Historial y recarga.	Actúa
`close_tab`	Cierra una pestaña.	Sensible

El agente prefiere Navegador cuando la tarea trata de algo que ya tienes abierto o donde ya iniciaste sesión, y Playwright cuando hay que navegar en limpio o probar una web.

Permisos y seguridad

Permiso por tarea. Los comandos de la extensión quedan activados al emparejar (puedes quitar alguno en Context Code). En cada tarea, el agente te pide permiso una sola vez antes de la primera acción que cambie algo (navegar, clic, escribir); leer no pregunta y cerrar pestañas se confirma siempre. Es la misma puerta que el uso del ordenador: en los canales (WhatsApp, Telegram, Slack) solo funciona si ese canal tiene permitido el control del equipo.
Sitios protegidos. La extensión trae una lista de dominios de banca y pagos en los que el agente no lee ni actúa aunque se lo pidas; tabs ni siquiera muestra su título. Edítala en el popup de la extensión (Sitios protegidos): un dominio por línea; una palabra sin punto, como banco, veta cualquier host que la contenga.
Contraseñas. El agente solo escribe una contraseña que tú le hayas dado en ese chat, únicamente en un campo de contraseña, y te pide confirmación cada vez (la tarjeta no muestra la contraseña y la respuesta de la página tampoco la repite). Nunca inventa ni reutiliza contraseñas de otros sitios, y los datos de pago no los escribe nunca.
Contraseñas de la caja fuerte. Si la contraseña del sitio está guardada en la caja fuerte del proyecto, el agente te pide autorización para usarla (como con cualquier secreto) y luego la escribe en el campo de contraseña sin verla: la app pone el valor justo al enviarlo a la extensión, y tú confirmas la escritura igual que con una contraseña dada en el chat.
Páginas internas. No actúa en chrome://, about:, file:// ni en otras extensiones.
Grupo de pestañas. Las pestañas en las que el agente actúa se agrupan bajo «Context Code» (grupo verde) para que veas de un vistazo cuáles está tocando; mirar sin actuar no agrupa. Si ves un grupo «Claude» naranja, es de la extensión Claude in Chrome, no de esta.
Indicador visible. Cada acción muestra durante unos segundos un aviso en la esquina de la pestaña («Context Code: clic en …»), para que siempre sepas cuándo está actuando.
Contenido no confiable. El agente trata el texto de las páginas como datos: no sigue instrucciones que aparezcan en una web.
Revocar. Desde Context Code (Desemparejar en la pestaña de la extensión) la extensión pierde el acceso al instante. Desde el popup, Pausar detiene temporalmente al agente sin desemparejar.

Varios navegadores

Puedes emparejar más de un navegador (por ejemplo Chrome y Firefox). Cada uno aparece por separado con sus comandos aprobados; si hay varios en línea, el agente usa el primero y te avisa, y puedes indicarle cuál usar.

Si algo no va

«No se pudo contactar con Context Code» al emparejar: la aplicación debe estar abierta y el código recién generado. Comprueba el puerto en Avanzado (por defecto 8787).
Icono con «!» amarillo: hay comandos pendientes de aprobar en Context Code.
Icono con «x» roja: la extensión fue revocada desde Context Code; genera un código nuevo y vuelve a emparejar.
«Sitio protegido» en la respuesta del agente: ese dominio está en tu lista de protegidos. Quítalo en el popup si de verdad quieres que el agente actúe ahí.
Firefox no actúa en ninguna página: falta conceder el acceso a los sitios desde el popup.