Net Tinker Añadir a Chrome

extensión de navegador · fetch + XMLHttpRequest

Mock de cualquier respuesta de API, sin tocar tu backend.

  • mock
  • redirigir
  • retrasar
  • bloquear
  • reescribir

Una extensión 100 % gratis que intercepta las llamadas fetch y XMLHttpRequest de una página y te deja decidir qué contesta la API. 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 Añadir a Edge Firefox muy pronto
  • backend: ninguno, y sin cuenta
  • permisos: 2 en total
  • límites: ninguno, sin versión de pago
Ejemplo: la página manda POST /v1/payments, la regla «Pago rechazado (502)» la atrapa, la red no llega a tocarse y la página recibe un 502 con el cuerpo que escribiste.

la página pidió

POST /v1/payments

{ "order": "ord_1043", "amount": 240.50 }

regla · Pago rechazado (502)

si
la URL contiene /v1/payments
hace
Mockear la respuesta
latencia
800 ms

red ni se toca

la página recibió

502 Bad Gateway 803 ms

{ "error": "card_declined" }

01 · qué hace

Una sola idea, y todo lo demás sale de ella

Una regla dice qué peticiones atrapar y qué hacer con ellas. Los escenarios, los importadores y la simulación de red salen de ahí — no hay nada más que aprender.

  1. GET /v1/orders 200 mock

    Mockear una respuesta

    Tu propio código de estado, headers y cuerpo. La petición no llega a la red.

  2. PATCH /v1/profile 200 reescrita

    Cambiar lo que sale y lo que vuelve

    Reescribe headers, parámetros de query o un solo campo JSON del cuerpo —o de la respuesta real— y deja pasar todo lo demás tal cual.

  3. GET /api/v1/* → /api/v2/*

    Redirigir o bloquear

    Manda /api/v1/* a /api/v2/* con una regla regex, apunta un entorno entero a otro backend o corta una petición.

  4. GET /v1/search timeout

    Hacer que la red falle

    Latencia aleatoria, un timeout que parece de verdad, porcentajes de caos, un tope de llamadas y fallos intermitentes — las ramas para las que escribiste tu código y que nunca llegaron a ejecutarse.

  5. POST /graphql GetCart

    Acertar exactamente en las peticiones que quieres

    Por URL o host, y después por método, cabecera, cuerpo de la petición o página que la hace. Filtrar por el cuerpo es lo que te deja mockear una sola operación GraphQL sin tocar las demás.

  6. GET /v1/cart 200 · 8 ms

    Ver qué ha pasado de verdad

    Un panel en las DevTools dice qué le pasó a cada petición, detecta las llamadas repetidas, las cronometra, busca en los cuerpos y compara dos respuestas. Con un clic conviertes cualquiera en una regla.

  7. POST /v1/auth/login 401 credenciales inválidas

    Cambiar un estado entero

    Los escenarios guardan varias variantes de una API —Éxito, Credenciales inválidas, Backend caído— y eliges desde el popup cuál está activa. Seis vienen hechos.

  8. GET {{baseUrl}}/v1/me staging

    Proyectos, variables y entornos

    Separa dos clientes, escribe {{variables}} una vez, y el mismo conjunto de reglas te sigue de localhost a staging.

  9. FILE openapi.yaml 60 reglas

    No escribas lo que ya tienes

    Importa OpenAPI, Postman, HAR o ModHeader, o pega un curl. Y saca cualquier regla como curl, fetch, Playwright, Cypress o tipos de TypeScript.

02 · cómo funciona

Tres pasos, y el segundo es opcional

  1. Instálala

    Desde la Chrome Web Store o Edge Add-ons. Sin cuenta, sin registro y sin nada que configurar.

  2. Parte de algo real opcional

    Elige una petición en el panel de DevTools y pulsa Mockear, pega un curl o importa tu spec de OpenAPI. O escribe la regla a mano.

  3. Recarga y míralo

    La regla se aplica en cada petición que coincida desde que carga la página, con las DevTools abiertas o sin ellas, hasta que la apagues.

03 · privacidad

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.

Leer la política de privacidad completa

  • 2permisos declarados en total: almacenamiento y acceso a los sitios
  • 0servidores, cuentas o rastreadores
  • 0librerías de terceros dentro del paquete
  • 200peticiones como mucho al grabar una pestaña, y en local
  • 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.
  • 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.
  • Grabar una pestaña es lo único que deja registro, 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.

04 · capturas

Qué aspecto tiene

Dibujadas, no fotografiadas: siguen tu tema y no se pueden quedar viejas.

El popup. Todas las reglas que aplican a esta pestaña, encendidas o apagadas de un clic y sin salir de la página.
El panel de DevTools. Todas las llamadas que hizo la página, la regla que tocó cada una y un botón Mockear para convertirla en regla.
Tus reglas. Agrupadas, buscables y encendidas o apagadas de una en una o un grupo entero de golpe.
Importar. Una spec de OpenAPI, una colección de Postman, una captura HAR o un perfil de ModHeader — de una vez.
El formulario de la regla. Escribes la respuesta una vez y se sigue aplicando en cada petición que case.
Escenarios. Éxito, credenciales inválidas, backend caído o lento: pulsas una variante y todas las reglas de dentro le siguen.

05 · preguntas

Lo que la gente pregunta

¿Tienen que estar abiertas las DevTools?

No. Las reglas se aplican desde que carga la página, y nada pone la franja de «este navegador se está depurando» encima de tus pestañas. Las DevTools son solo donde miras el tráfico.

¿Por qué mi regla no toca una imagen ni una navegación?

Net Tinker actúa sobre las peticiones que hace la propia página con fetch o XMLHttpRequest. Las imágenes, las hojas de estilo, las navegaciones y el service worker de un sitio quedan fuera, y el panel de DevTools lo dice en vez de ofrecerte una regla que nunca se aplicaría.

¿Sale algo de mi equipo?

No. Las reglas viven en el almacenamiento local de tu navegador, los valores capturados en la memoria de la sesión, y no hay ningún servidor al que mandar nada.

¿Hay versión de pago?

No. Todos los tipos de regla son gratis, y no hay tope de cuántas creas ni de cuántas mantienes activas.

¿Y Firefox?

La versión para Firefox está en camino. Chrome y Edge ya están disponibles.

GET /precios 404 Not Found

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.