LocalToolsColección de herramientas offline para el navegador

Categoría: Desarrollo

Conversor de cURL a fetch()

Idea propia¿Falta una herramienta?

Convierte un comando curl en una llamada fetch() de JavaScript

Pega un comando curl copiado de la pestaña de red de un navegador o de la documentación de una API y obtén una llamada fetch() de JavaScript equivalente, con el método, las cabeceras y el cuerpo trasladados. La conversión ocurre por completo en tu navegador.

Fragmento fetch()
fetch("https://api.example.com/v1/items", {
  method: "POST",
  headers: {
    "Content-Type": "application/json"
  },
  body: "{\"name\":\"Ada\"}"
})
  .then((response) => response.json())
  .then((data) => console.log(data));

Todo lo de esta página se procesa en tu navegador. No se sube nada.

Para qué sirve

Tanto la documentación de APIs como los menús "copiar como curl" de los navegadores generan comandos curl, pero un frontend normalmente necesita la misma solicitud como fetch(). Esta herramienta analiza -X/--request, -H/--header, -d/--data (y sus variantes --data-raw, --data-binary y --data-urlencode), --url, -u/--user y una URL suelta al final, y muestra un error claro en lugar de una suposición incorrecta para formas que no reconoce, como varios argumentos sueltos o una opción no soportada.

Cómo se usa

  1. Pega un comando curl.
  2. Revisa el fragmento fetch() generado.
  3. Cópialo en tu JavaScript.

Privacidad

Esta herramienta funciona íntegramente en tu navegador. Lo que introduces nunca se sube, se guarda ni se comparte: al cerrar la pestaña desaparece.

Preguntas frecuentes

¿Se envía la solicitud a algún sitio?
No. El comando solo se analiza y se reescribe como texto; no se ejecuta nada.
¿Qué opciones de curl son compatibles?
-X/--request, -H/--header, -d/--data (y --data-raw, --data-binary, --data-urlencode), --url, -u/--user para autenticación Basic, y opciones habituales sin argumento como -s, -L, -k e -i, que se ignoran de forma segura. Cualquier otra se indica como opción no compatible en lugar de descartarse en silencio.
¿Por qué añade a veces una cabecera Content-Type?
Si el comando tiene un cuerpo pero no una cabecera Content-Type explícita, el fragmento añade application/json, siguiendo el mismo valor por defecto habitual de curl para APIs JSON. Elimínala o edítala si tu solicitud necesita otra cosa.

Volver a todas las herramientas