# Probar aplicaciones web locales y corregir errores en una sesión

> Claude Code, conectado a Claude in Chrome, prueba una aplicación web en el navegador real del desarrollador, detecta el error y lo corrige.

- **Tipo:** Caso de uso
- **Tema:** Programación
- **Herramientas:** Claude Code, Claude in Chrome
- **Dificultad:** avanzada
- **Origen:** [test-lab.ai](https://www.test-lab.ai/blog/claude-code-chrome-extension-local-testing)
- **En el directorio desde:** 3 de octubre de 2026
- **URL:** https://conqueia.com/caso/probar-aplicaciones-web-locales-y-corregir-errores-en-una-sesion

## A quién le sirve

Desarrolladores web que quieren que la IA pruebe en un navegador real lo que acaba de programar y corrija los errores en la misma sesión.

## Qué hicieron

La extensión Claude in Chrome se conecta a Claude Code con `claude --chrome` o `/chrome`. Comparte la sesión real de Chrome del desarrollador, incluidas las cuentas abiertas, y los dominios nuevos se aprueban una vez. Al pedirle añadir un filtro a la tabla de un panel, Claude escribió el componente, abrió la página y probó el filtro. Vio que los parámetros de la dirección no se actualizaban, corrigió la lógica del enrutador y confirmó el arreglo recargando.

## Cómo salió

El ejemplo del filtro necesitó tres iteraciones sin que los desarrolladores tocaran el navegador. El montaje se limita al propio puesto del desarrollador: requiere una ventana de Chrome visible, así que no sirve para integración continua ni ejecuciones sin pantalla, y solo funciona en Chrome y Edge.

## Conviene saber

Interactuar con el navegador consume muchos tokens, cerca del 7,7 % del contexto por interacción. Los autores consideran que la API es un pozo de dinero y que para un uso intenso hace falta una suscripción Max.

## Qué necesitas

- Claude Code y la extensión Claude in Chrome, con un plan de pago de Claude.
- Chrome o Edge: solo funciona en esos dos navegadores.
- Una aplicación web que se pueda ejecutar en local.
- Una ventana de Chrome visible. No sirve para ejecuciones sin pantalla ni para integración continua.

## Cómo hacerlo tú, paso a paso

1. Instala Claude Code y la extensión Claude in Chrome.
2. Conéctalos desde Claude Code con claude --chrome o con /chrome.
3. Aprueba los dominios nuevos la primera vez, por ejemplo tu dirección local.
4. Arranca tu aplicación en local.
5. Pide la función que quieres añadir, por ejemplo un filtro en una tabla, y que la pruebe en el navegador leyendo los errores de la consola.
6. Pide que repita hasta que el flujo funcione sin errores.
7. Revisa el resumen de cambios antes de guardarlos con commit.

## Pruébalo con Claude Code

```
Arranca mi aplicación en local con [comando de arranque], ábrela en Chrome en [dirección local] y recorre con clics [función o flujo]. Lee los errores de la consola del navegador y de la red, encuentra la causa en el código y corrígela. Repite hasta que el flujo funcione sin errores en la consola. Habrás terminado cuando me resumas lo que has cambiado. No hagas commit ni push sin preguntarme.
```

## Consejos

- Interactuar con el navegador consume mucho: cerca del 7,7 % del contexto por interacción. Controla tu cuota.
- Comparte tu sesión real de Chrome, con las cuentas abiertas. Usa un perfil aparte para no exponer las tuyas.
- Que no guarde cambios (commit) ni los suba (push) sin preguntarte.

## Preguntas frecuentes

### ¿Funciona en un servidor o en la integración continua?

No. Necesita una ventana de Chrome visible, así que no sirve para ejecuciones sin pantalla.

### ¿Me sale más barato con la API (pago por uso) o con una suscripción?

Los autores consideran la API muy cara para este uso y dicen que para un uso intenso hace falta una suscripción Max. Haz números con una semana de pruebas.

## Fuentes

- [test-lab.ai](https://www.test-lab.ai/blog/claude-code-chrome-extension-local-testing)
- [paddo.dev](https://paddo.dev/blog/claude-in-chrome-dev-loop/)
- [tgvashworth.com](https://tgvashworth.com/2025/12/02/meet-your-new-qa-claude-for-chrome.html)
- [r/ClaudeAI en Reddit](https://www.reddit.com/r/ClaudeAI/comments/1pthd5z/spent_this_weekend_with_claude_code_chrome)

---

Fuente: conqueia.com/caso/probar-aplicaciones-web-locales-y-corregir-errores-en-una-sesion