Net Tinker

Simula cualquier respuesta de API sin tocar tu backend.

Net Tinker es una extensión de Chrome que intercepta las llamadas fetch y XMLHttpRequest de una página y te deja simularlas, redirigirlas, retrasarlas, bloquearlas o reescribirlas. Escribes una regla una vez y sigue aplicándose en cada petición que coincida — sin tener las DevTools abiertas y sin cambiar una línea de código.

Añadir a Chrome — es gratis Leer la documentación

Abre la Chrome Web Store. Sin cuenta, sin registro y sin nada que configurar.

Gratis · Chrome, Manifest V3 · En inglés y español · Sin backend, sin cuenta y sin que nada salga de tu equipo.

Qué puedes hacer

Cada una de estas cosas es una regla. Eliges su tipo al crearla, y cualquier regla puede llevar encima latencia o una sobrescritura del código de estado.

Simular una respuesta

Devuelve tu propio código de estado, headers y cuerpo. La petición no llega a la red: la respuesta se genera en el navegador.

Cambiar la respuesta real

Deja que la petición salga y luego busca y reemplaza texto en lo que vuelve, o sobrescribe un único campo JSON dejando todo lo demás tal y como lo mandó el servidor.

Modificar, redirigir o bloquear una petición

Cambia su cuerpo, sus headers o sus parámetros de query y deja que salga con normalidad — o mándala a otra URL, reescribe parte de la URL, o bloquéala por completo.

Añadir latencia y sobrescribir el estado

Las dos cosas son modificadores de cualquier regla, no tipos de regla aparte. Simular una respuesta y que además tarde es una sola regla, no elegir entre una cosa u otra — y puedes ver cómo responde tu interfaz ante un 500 sin escribir ningún mock.

Acertar exactamente en las peticiones que quieres

Filtra por URL o host —contiene, exacto, regex o comodín— y afina después por método HTTP, por una cabecera, por lo que lleve el cuerpo de la petición o por la página que la está haciendo. Pega una URL real en la caja de prueba y el formulario te dice si la regla la atraparía, antes de guardar nada.

Y como GraphQL manda todas las operaciones al mismo endpoint, filtrar por el cuerpo es lo que por fin te deja simular una sola operación sin tocar las demás.

Crear reglas a partir de tráfico real

Un panel en las DevTools lista las peticiones de la página que estés inspeccionando. Con un clic conviertes cualquiera en una regla, y «Mockear» te rellena el estado, los headers y el cuerpo reales — así partes de lo que devolvió el servidor en lugar de escribirlo a mano.

Y las dos cosas que más tiempo ahorran

Reutiliza las mismas reglas en todas partes

Escribe {{variables}} en cuerpos, headers, URLs de redirección y parámetros de query, y define entornos —Local, Dev, Staging, Prod— que solo sobrescriban los valores que de verdad cambian. Cambia de entorno desde el popup y el mismo conjunto de reglas te sigue de localhost a staging.

Llévate las reglas a tus tests

Copia cualquier regla como mock de Playwright o de Cypress y pégala directamente en tu suite, o cópialas todas de una vez. Los tipos de regla que no se pueden traducir salen como comentario explicando por qué, nunca omitidos en silencio, y las credenciales van tapadas con el propio fragmento diciendo qué ha tapado. Cualquier petición capturada se copia también como comando curl, como llamada fetch() o como fichero HAR estándar.

El argumento de privacidad, en cifras

«Sin cuenta, sin servidor, todo en local» lo dice cualquier herramienta de este espacio, así que aquí están los números que hay detrás.

  • 2 permisos declarados en total: almacenamiento y acceso a los sitios
  • 0 servidores, cuentas o rastreadores
  • 0 librerías de terceros dentro del paquete
  • 200 peticiones como mucho al grabar una pestaña, y en local
  • Todo se guarda localmente en tu navegador, con chrome.storage.local. No hay servidor, ni cuenta, ni analítica, ni seguimiento.
  • Declara dos permisos: storage y el acceso a los sitios. Nada más — ni pestañas, ni scripting, ni datos de navegación. El acceso amplio existe porque la extensión no puede saber de antemano en qué sitio vas a querer crear una regla, y se usa únicamente para ejecutar las reglas que tú configuras.
  • Puedes acotarlo cuando quieras: en todas partes, solo en localhost, o solo en los dominios que tú listes. Fuera de ese alcance Net Tinker no toca la página en absoluto —se quita sus propios parches en vez de filtrar después— y el icono lo dice.
  • Las peticiones que muestra el panel de DevTools viven solo en memoria mientras DevTools esté abierto. No se escribe nada en disco a menos que seas tú quien convierta una en regla o exporte un HAR.
  • Lo único que sí deja registro es grabar una pestaña, y solo mientras lo tengas activado: las 200 peticiones más recientes de esa pestaña, en local, y se vacía de un clic.
  • Dentro del paquete no viaja nada de terceros: ni librerías empaquetadas, ni código que se descargue o se evalúe en tiempo de ejecución.
  • Esta web tampoco lleva analítica. Ni scripts, ni cookies, ni peticiones a terceros — una herramienta que vende «sin telemetría» no puede llevar el tag de otro en sus propias páginas.

Leer la política de privacidad completa

Qué aspecto tiene

La página de opciones de Net Tinker: el listado de reglas con sus grupos, el buscador y los filtros por tipo, y el formulario de regla abierto a la derecha.
La página de opciones — reglas, grupos, variables, entornos, alcance y el formulario de regla.
El popup de Net Tinker en la barra de herramientas, con dos reglas y sus interruptores.
El popup — activa y desactiva reglas y grupos, y elige el entorno activo.

Sin límites y sin letra pequeña

Todos los tipos de regla son gratis, y no hay tope de cuántas creas ni de cuántas mantienes activas. Conviene decirlo claro, porque es justo donde otras herramientas parecidas ponen su línea de pago — la más conocida te corta a las cinco reglas, tres activas a la vez.

Añadir a Chrome Documentación